.chat-composer{padding:16px;border-top:1px solid var(--line);display:grid;gap:10px}
.chat-composer textarea{width:100%;resize:vertical;min-height:70px;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit}
.chat-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.chat-toolbar select{max-width:100%;min-height:36px;border:1px solid var(--line);border-radius:6px;padding:5px}
.chat-file-label{position:relative;overflow:hidden}.chat-file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.chat-mention{display:inline-flex;align-items:center;gap:4px;background:#edf4ee;color:#24583d;padding:3px 7px;border-radius:6px;font-size:12px}
.chat-mention-me{background:#f7e8ee;color:#823956;font-weight:600}
.chat-tags,.chat-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chat-attachments .btn,.chat-draft-files{overflow-wrap:anywhere;white-space:normal}
.chat-composer button:disabled{opacity:.6;cursor:wait}.chat-composer select:disabled{opacity:.6}
/* Keep messages dominant; optional tools should not permanently consume rows. */
#view.chat-view{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:16px 20px}
.chat-view>.pagehead{flex-shrink:0;margin-bottom:10px}.chat-view>.pagehead h2{font-size:23px}.chat-view>.pagehead p{font-size:12px}
.chat-view>.split{flex:1;min-height:0;height:auto;overflow:hidden;border:1px solid var(--line);border-radius:12px}
.chat-view .pane{min-height:0}.chat-view .list{width:230px;flex-shrink:0}.chat-view #chat-messages{min-height:0;padding:12px 16px;overscroll-behavior:contain}
.chat-view .chat-composer{position:relative;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:10px 12px}
.chat-view .chat-composer textarea{grid-column:1;grid-row:1;height:44px;min-height:44px;max-height:120px;padding:10px;resize:vertical}
.chat-view .chat-composer>.chat-toolbar:last-child{grid-column:2;grid-row:1;align-self:end}.chat-view .chat-composer>.chat-toolbar:last-child>.fieldhelp{display:none}
.chat-view .chat-composer>.chat-toolbar:not(:last-child),.chat-view .chat-draft-files,.chat-view .chat-composer>.chat-tags,.chat-view .chat-composer>p.fieldhelp{grid-column:1/-1;margin:0}
.chat-view .chat-composer #chat-person,.chat-view .chat-composer #chat-tag{display:none}.chat-view .chat-tag-open #chat-person,.chat-view .chat-tag-open #chat-tag{display:inline-flex}
.chat-view .chat-composer #chat-suggestions{position:absolute;bottom:100%;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px;max-height:180px;overflow:auto;z-index:5}
.chat-view .chat-composer #chat-suggestions:empty,.chat-view .chat-draft-files:empty,.chat-view .chat-composer>.chat-tags:empty{display:none}
.chat-view .chat-draft-files,.chat-view .chat-composer>.chat-tags{max-height:90px;overflow-y:auto}.chat-view .chat-composer>p.fieldhelp[hidden]{display:none}
.chat-view .chat-uncertain textarea{grid-column:1/-1}.chat-view .chat-uncertain>.chat-toolbar:last-child{grid-column:1/-1;grid-row:auto}.chat-view .chat-uncertain>.chat-toolbar:last-child>.fieldhelp{display:inline;color:var(--red,#9f3040)}
.chat-focus>.split>.list{display:none}.chat-conversations-toggle{display:none}
@media(max-width:900px){#view.chat-view{padding:10px}.chat-view>.split{min-height:0}.chat-view .list{display:none;width:100%;max-height:120px;overflow-y:auto}.chat-view.chat-sidebar-open:not(.chat-focus) .list{display:block}.chat-conversations-toggle{display:inline-flex}.chat-expand{display:none}.chat-view .pane>.ph{padding:9px;gap:6px}.chat-view .pane>.ph>b{font-size:13px}.chat-view>.pagehead>div>p{display:none}}