.chat-grid{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.chat-surface{background:#fff;border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.chat-contact{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border:none;background:transparent;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .14s ease}.chat-contact:hover{background:var(--color-surface-hover,#faf7f1)}.chat-contact[aria-selected=true]{background:var(--color-surface-hover,#f3efe7)}.chat-thread{display:flex;flex-direction:column;height:62vh;min-height:420px}.chat-thread-scroll{flex:1;overflow-y:auto;padding:16px;background:var(--color-bg,#faf7f1)}.chat-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}@media (max-width:760px){.chat-grid{grid-template-columns:1fr}.chat-grid[data-view=list] .chat-thread-col,.chat-grid[data-view=thread] .chat-contacts-col{display:none}}