.unread-badge{display:inline-block;background:#d93658;color:white;border-radius:20px;min-width:22px;padding:3px 7px;font-size:12px;text-align:center;margin-left:5px}.chat-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;margin-bottom:30px}.chat-layout>aside,.chat-layout>section{background:white;padding:18px;border:1px solid #dce3ed;border-radius:16px;min-width:0}.dialog-card{display:block;padding:14px;border-bottom:1px solid #e5eaf1;text-decoration:none;color:inherit}.dialog-card span,.dialog-card small{display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-card small{color:#647082}.dialog-card .unread-badge{display:inline-block}.dialog-card[aria-current=page]{background:#eaf1ff;border-radius:10px}#chatHeading h2{margin:12px 0}#chatHeading button{display:block;margin:12px 0;font-size:12px;padding:7px}#messageList{height:420px;overflow-y:auto;overscroll-behavior:contain;background:#f4f6fa;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.message-bubble{padding:12px;max-width:88%;align-self:flex-start;background:white;border:1px solid #e3e8ef;border-radius:14px;overflow-wrap:anywhere}.message-bubble.own{align-self:flex-end;background:#e4efff;border-color:#d5e5ff}.message-bubble p{white-space:pre-wrap;margin:0 0 7px;line-height:1.5}.message-bubble small{display:block;color:#647082;font-size:11px;margin-top:8px}.message-bubble a{display:block}.message-bubble img{width:200px;height:160px;max-width:100%;object-fit:contain;display:block}.message-bubble a span{font-size:12px}#chatForm{margin-top:20px}#chatFiles{font-size:12px}#chatAttachments>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px;background:#f4f6fa;margin:6px 0;overflow-wrap:anywhere}#chatAttachments button{font-size:12px;padding:5px}#chatPage h1,#notificationsPage h1{font-size:38px}#notificationList small{display:block;margin-top:8px}.read-notice{background:#f1f3f6;opacity:.8}#chatConnection{font-size:12px;color:#647082}#newChatMessages{margin-top:8px}#olderMessages{margin:8px 0}@media(max-width:720px){.chat-layout{grid-template-columns:1fr}.chat-layout:not(.conversation-open)>section{display:none}.chat-layout.conversation-open>aside{display:none}#messageList{height:48vh;min-height:260px}.chat-layout>section{padding:12px}#messagesNav{padding:10px;font-size:13px}header{flex-wrap:wrap}#chatPage h1{font-size:30px}}