.messages-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:20px;align-items:start}
.messages-layout .card{min-width:0}.thread-list,.message-list{list-style:none;padding:0;margin:20px 0}.thread-list li{margin:0 0 8px}.thread-list button{display:block;width:100%;text-align:left;background:#eaf1f7;color:#142d49;margin:0;overflow-wrap:anywhere}.thread-list button[aria-current="true"]{background:#103b61;color:white}.thread-list strong,.thread-list span,.thread-list time{display:block}.thread-list span{font-size:.9rem}.thread-list time{font-size:.8rem;margin-top:4px}.thread-list button[aria-current="true"] time{color:#dae9f6}
.message-list{max-height:560px;overflow-y:auto;overscroll-behavior:contain;padding:4px 6px;scrollbar-gutter:stable}.message-list li{max-width:92%;margin:12px 0;padding:12px 15px;border-radius:14px;background:#edf3f8;overflow-wrap:anywhere}.message-list li.mine{margin-left:auto;background:#e5f1fd;border-left:3px solid #206294}.message-list p{white-space:pre-wrap;margin:6px 0}.message-list time{display:block;font-size:.78rem;color:#53667a}.message-list .sender{font-size:.85rem;font-weight:bold}.conversation-panel h2,.conversation-panel .muted{overflow-wrap:anywhere}#message-count{text-align:right}#message-form{border-top:1px solid #dce4ec;padding-top:8px}#send-message{min-width:120px}
@media(max-width:760px){.messages-layout{grid-template-columns:1fr}.thread-list{max-height:300px;overflow:auto}.message-list{max-height:440px}}