.chat-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:320px 1fr;height:calc(100vh - 96px);min-height:480px;display:grid;overflow:hidden}@media (max-width:820px){.chat-shell{grid-template-columns:1fr;height:auto;min-height:60vh}.chat-shell.has-active .chat-aside,.chat-shell:not(.has-active) .chat-main{display:none}}.chat-aside{border-inline-end:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.chat-aside-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:12px;display:flex}.chat-aside-scroll{flex:1;min-height:0;overflow-y:auto}.chat-search{border-bottom:1px solid var(--border);color:var(--text-3);flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-search-input{min-width:0;font:inherit;color:var(--text-1);background:0 0;border:0;outline:none;flex:1}.chat-search-input::placeholder{color:var(--text-3)}.chat-filter{border-bottom:1px solid var(--border);flex:none;padding:8px 12px}.chat-filter-select{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--text-1);font:inherit;cursor:pointer;padding:6px 10px}.chat-item{text-align:start;cursor:pointer;border:none;border-bottom:1px solid var(--border);width:100%;color:inherit;background:0 0;align-items:center;gap:10px;padding:10px 12px;display:flex}.chat-item:hover{background:var(--bg)}.chat-item.active{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.chat-item .grow{flex:1;min-width:0}.chat-name{font-weight:600;font-size:var(--fs-sm);align-items:center;gap:5px;min-width:0;display:flex}.chat-name>:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-sub-badge{color:var(--success);flex:none;align-items:center;display:inline-flex}.chat-preview{color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.chat-time{color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap;flex:none}.chat-row-meta{flex-direction:column;flex:none;align-items:flex-end;gap:5px;display:flex}.chat-item.is-unread .chat-name{color:var(--text);font-weight:700}.chat-item.is-unread .chat-preview{color:var(--text-2);font-weight:600}.chat-unread-dot{background:var(--primary);border-radius:50%;flex:none;width:9px;height:9px}.chat-section-label{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--text-3);text-transform:uppercase;padding:12px 12px 6px;font-weight:700}.chat-main{background:var(--bg);flex-direction:column;min-width:0;display:flex}.chat-main-head{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.chat-back{cursor:pointer;color:var(--text-2);background:0 0;border:none;padding:4px;display:none}@media (max-width:820px){.chat-back{display:inline-flex}}.chat-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding:18px 16px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--text-3);flex:1;place-items:center;padding:24px;display:grid}.chat-row{align-items:flex-end;gap:8px;max-width:78%;display:flex}.chat-row.out{flex-direction:row-reverse;justify-content:flex-end;align-self:flex-end}.chat-row.in{align-self:flex-start}.chat-msg-spacer{flex:none;width:28px}.chat-bubble{font-size:var(--fs-sm);word-break:break-word;white-space:pre-wrap;border-radius:14px;padding:9px 13px;line-height:1.5}.chat-row.in .chat-bubble{background:var(--surface);border:1px solid var(--border);border-start-start-radius:4px}.chat-row.out .chat-bubble{background:var(--primary);color:#fff;border-end-end-radius:4px}.chat-stamp{opacity:.7;margin-top:4px;font-size:10px}.chat-row.out .chat-stamp{text-align:end}.chat-composer-wrap{border-top:1px solid var(--border);background:var(--surface);flex:none}.chat-composer{align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.chat-composer textarea{resize:none;flex:1;min-height:42px;max-height:140px}.chat-attach-btn{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);width:42px;height:42px;color:var(--text-2);cursor:pointer;flex:none;place-items:center;display:grid}.chat-attach-btn:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}.chat-attach-btn:disabled{opacity:.6;cursor:default}.chat-attach-chip{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);font-size:var(--fs-sm);align-items:center;gap:8px;max-width:max-content;margin:10px 16px 0;padding:6px 10px;display:flex}.chat-attach-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.chat-attach-remove{color:var(--text-3);cursor:pointer;place-items:center;display:inline-grid}.chat-attach-remove:hover{color:var(--danger)}.chat-attach-image{border-radius:12px;max-width:240px;margin-bottom:4px;display:block;overflow:hidden}.chat-attach-image img{object-fit:cover;width:100%;height:auto;max-height:280px;display:block}.chat-attach-image.chat-attach-loading{background:var(--surface);border:1px solid var(--border);place-items:center;width:200px;height:120px;display:grid}.chat-attach-file{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:8px;max-width:240px;margin-bottom:4px;padding:9px 12px;display:inline-flex}.chat-row.out .chat-attach-file{background:var(--primary-soft);border-color:#0000}.chat-attach-fname{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);flex:1;overflow:hidden}.chat-attach-file[aria-disabled=true]{opacity:.7;pointer-events:none}.chat-head-btn{border-radius:var(--r-md);width:38px;height:38px;color:var(--text-2);cursor:pointer;flex:none;place-items:center;display:grid;position:relative}.chat-head-btn:hover,.chat-head-btn.active{background:var(--primary-soft);color:var(--primary)}.chat-head-badge{top:0;background:var(--primary);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:700;font-family:var(--font-num);border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;inset-inline-end:0}.chat-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:16px;display:grid}.chat-tile{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);border-radius:12px;place-items:center;display:grid;overflow:hidden}.chat-tile.is-image img{object-fit:cover;width:100%;height:100%}.chat-tile.is-file{color:var(--text-2);text-align:center;gap:8px;padding:12px}.chat-tile-name{max-width:100%;font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-tile[aria-disabled=true]{pointer-events:none}.chat-unavailable{text-align:center;place-items:center;min-height:50vh;padding:24px;display:grid}.chat-unavailable .chat-unavailable-card{flex-direction:column;align-items:center;gap:12px;max-width:420px;display:flex}.chat-unavailable .chat-unavailable-icon{border-radius:var(--r-tile,14px);background:var(--bg);width:56px;height:56px;color:var(--text-3);place-items:center;display:grid}