.thread-list #threadList{overflow:auto;max-height:554px}.thread-list button.thread{width:100%;border:0;background:#fff;text-align:left;font-family:inherit;cursor:pointer}.thread-list button.thread.active{background:#edf9fa}.message-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#17333d;color:#59dfe1;font-size:10px;font-weight:800}.thread>span:nth-child(2){min-width:0}.thread>span:nth-child(2) p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-loading{padding:20px;text-align:center;color:#72828a;font-size:8px}.message-empty{padding:24px 14px;text-align:center}.message-empty b{font-size:10px}.message-empty p{margin:5px 0;color:#71818a;font-size:8px;line-height:1.4}.message-welcome{margin:auto;text-align:center;color:#71818a}.message-welcome>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 9px;border-radius:50%;background:#e4f7f8;color:#079da7;font-size:20px}.message-welcome h3{margin:0 0 4px;color:#263941;font-size:12px}.message-welcome p{margin:0;font-size:8px}.messages{overflow:auto}.bubble small{display:block;margin-top:4px;color:#819097;font-size:6px;text-align:right}.message-modal[hidden]{display:none}.message-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,15,20,.58)}.message-modal-card{position:relative;width:min(440px,95vw);max-height:76vh;overflow:hidden;padding:18px;border:1px solid #ccd8dd;border-radius:8px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.22)}.message-modal-card h2{margin:0;font-size:18px}.message-modal-card>p{margin:4px 0 12px;color:#6c7d85;font-size:9px}.message-modal-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#53666f;font-size:21px;cursor:pointer}.people-picker{max-height:380px;overflow:auto;border:1px solid #dce4e7;border-radius:6px}.person-choice{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;width:100%;padding:9px;border:0;border-top:1px solid #e5ebed;background:#fff;text-align:left;cursor:pointer}.person-choice:first-child{border-top:0}.person-choice:hover{background:#f0fafb}.person-choice b{display:block;font-size:9px}.person-choice small{display:block;margin-top:3px;color:#6e7e86;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-choice i{color:#079ba5;font-size:7px;font-style:normal;font-weight:700}.message-status{min-height:14px!important;margin:8px 0 0!important;color:#ad3434!important}.compose button:disabled,.compose input:disabled{opacity:.55}

/* Comfortable message typography and request states */
.conversation-layout{font-size:13px}
.chat-head{font-size:14px!important}
.thread-list button.thread{min-height:64px}
.thread>span:nth-child(2) b{font-size:13px!important}
.thread>span:nth-child(2) p{font-size:11px!important;line-height:1.35}
.row-meta{font-size:10px!important}.row-meta em{display:inline-block;padding:3px 6px;border-radius:10px;background:#e6f8f8;color:#078f99;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}
.message-loading{font-size:12px}.message-empty b{font-size:14px}.message-empty p{font-size:12px;line-height:1.5}
.message-welcome h3{font-size:16px}.message-welcome p{font-size:12px;line-height:1.5}
.bubble{font-size:13px!important;line-height:1.48}.bubble small{font-size:9px}
.compose input,.compose button{font-size:13px!important}
.message-modal-card{width:min(500px,95vw)}.message-modal-card h2{font-size:21px}.message-modal-card>p{font-size:12px;line-height:1.45}
.account-search input{font-size:13px!important}.person-choice b{font-size:13px}.person-choice small{font-size:11px}.person-choice i{font-size:10px}
.message-status{font-size:11px!important}
.request-panel{margin:16px auto 4px;max-width:430px;padding:15px;border:1px solid #b8dadd;border-radius:8px;background:#f2fbfb;color:#263941;text-align:left}
.request-panel b{font-size:14px}.request-panel p{margin:5px 0 12px;color:#60747c;font-size:12px;line-height:1.45}
.request-panel>div{display:flex;justify-content:flex-end;gap:8px}.request-panel button{padding:8px 13px;border:1px solid #8ba7ae;border-radius:6px;background:#fff;color:#354a52;font:700 11px Arial;cursor:pointer}
.request-panel button.accept{border-color:#10aeb5;background:#14bbc2;color:#fff}.request-panel.waiting{text-align:center}.request-panel.declined{border-color:#d8c4c4;background:#fcf7f7;text-align:center}

/* Keep the introductory action compact and on one line. */
.compose button{min-width:112px!important;white-space:nowrap!important;flex:0 0 auto!important}