.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.chat-contacts{padding:16px;background:#eef1e9;border-right:1px solid var(--line)}.chat-contacts button{display:flex;align-items:center;gap:10px;padding:14px 10px;width:100%;border-radius:9px;text-align:left;margin-bottom:6px}.chat-contacts button.selected{background:var(--green)}.chat-contacts button:hover{box-shadow:inset 0 0 0 1px #acc697}.chat-contacts strong{display:block;font-size:12px}.chat-contacts small{display:block;font-size:10px;color:#647363;margin-top:4px}.chat-unread{margin-left:auto;background:var(--ink);color:white;font-size:10px;border-radius:12px;padding:3px 6px}.chat-panel{min-width:0}.chat-header{padding:20px 24px;border-bottom:1px solid var(--line);display:grid;gap:5px}.chat-header span{font-size:11px;color:var(--muted)}.chat-history{height:clamp(260px,45vh,600px);overflow-y:auto;overscroll-behavior:contain;padding:22px;scrollbar-gutter:stable}.chat-message{background:#f1f3ed;border-radius:12px 12px 12px 3px;padding:13px 16px;margin:0 auto 14px 0;max-width:85%;width:fit-content;overflow-wrap:anywhere}.chat-message.mine{background:#e1efcf;margin-left:auto;margin-right:0;border-radius:12px 12px 3px 12px}.chat-message>div{display:flex;gap:18px;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:7px}.chat-message time{font-size:10px;color:#65705f;white-space:nowrap}.chat-message p{white-space:pre-wrap;line-height:1.6;font-size:13px}.chat-message a{text-decoration:underline}.chat-composer{padding:12px 22px 20px;border-top:1px solid var(--line)}.chat-label{display:block;font-size:11px;margin:5px 0 9px}.chat-composer textarea{width:100%;border:1px solid #d5ddcf;border-radius:8px;padding:12px;resize:vertical;max-height:220px;background:#fafbf8}.chat-composer>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.chat-composer small{font-size:10px;color:var(--muted)}.chat-status{font-size:11px;color:#88513d;min-height:24px;padding:0 22px 6px}#chat-older{display:block;margin:0 auto 20px}#chat-older[hidden]{display:none}@media(max-width:760px){.chat-layout{grid-template-columns:1fr}.chat-contacts{display:flex;gap:5px;padding:10px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.chat-contacts button{width:auto;flex-shrink:0;margin:0;padding:10px}.chat-contacts .avatar,.chat-contacts .icon,.chat-contacts small{display:none}.chat-header{padding:15px}.chat-history{padding:14px;height:42vh}.chat-message{max-width:95%}.chat-composer{padding:10px 14px 15px}.chat-composer small{max-width:150px;line-height:1.5}}

@media(max-width:850px){.nav button{position:relative}.nav button[data-view="chat"]>.count{display:block;position:absolute;right:0;top:0;background:var(--green);color:var(--ink);font-size:8px;border:0;opacity:1}}
@media(max-width:620px){.nav button{padding:8px 3px;flex:1;min-width:0}.nav button[data-view="chat"]>.count{right:5px;top:0}}