:root{--bg:#f5f6f8;--surface:#fff;--border:#d9dde3;--text:#1c2430;--muted:#6a7585;--primary:#2457c5;--danger:#b3261e;--warn-bg:#fff1d6;--warn-text:#8a5a00;--note-bg:#fff6bf;--note-border:#e6cf55;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:.4rem .8rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.block{width:100%}input,select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.4rem .6rem}textarea{resize:vertical;width:100%}h1,h2{margin:0}h1{font-size:1.15rem}h2{overflow-wrap:anywhere;font-size:1.1rem}.app{flex-direction:column;min-height:100vh;display:flex}.muted{color:var(--muted);font-size:.85rem}.state{color:var(--muted);text-align:center;margin:0;padding:1rem}.error{border:1px solid var(--danger);color:var(--danger);background:#fdecea;border-radius:6px;margin:.5rem 0;padding:.5rem .75rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.user-select{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stats{background:var(--warn-bg);color:var(--warn-text);border-bottom:1px solid var(--border);padding:.5rem 1rem}.badge{color:var(--text);background:#e8ebf0;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.badge.awaiting{background:var(--warn-bg);color:var(--warn-text);font-weight:600}.badge.status-open{color:#17612e;background:#def5e5}.badge.role-agent{color:var(--primary);background:#e1e9fb}.layout{flex:1;grid-template-columns:minmax(260px,340px) 1fr;min-height:0;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.content{min-width:0;padding:.75rem}.tabs{flex-wrap:wrap;gap:.25rem;display:flex}.tabs button{padding:.25rem .5rem;font-size:.85rem}.tabs button.active,.toggle button.active{background:var(--primary);border-color:var(--primary);color:#fff}.conv-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.conv-item{text-align:left;flex-direction:column;gap:.2rem;width:100%;padding:.5rem .65rem;display:flex}.conv-item.selected{border-color:var(--primary);background:#eef3fd}.conv-title{justify-content:space-between;gap:.5rem;display:flex}.conv-sub{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.conv-item .badge{align-self:flex-start}.pane{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.pane-header{flex-direction:column;gap:.5rem;display:flex}.meta-row,.actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.9rem;display:flex}.inline{align-items:center;gap:.4rem;display:flex}.thread{flex-direction:column;gap:.5rem;max-height:55vh;padding:.25rem;display:flex;overflow-y:auto}.message{border:1px solid var(--border);background:#f1f3f6;border-radius:10px;max-width:85%;padding:.5rem .75rem}.message.mine{background:#e4edfd;border-color:#c4d5f6;align-self:flex-end}.message.internal{background:var(--note-bg);border-color:var(--note-border);align-self:stretch;max-width:100%}.message-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem;font-size:.8rem;display:flex}.note-label{color:var(--warn-text);text-transform:uppercase;letter-spacing:.03em}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.composer{border-radius:8px;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.composer-internal{background:var(--note-bg);border:1px solid var(--note-border)}.composer button.primary{align-self:flex-end}.toggle{gap:.25rem;display:flex}.new-form label{flex-direction:column;gap:.25rem;display:flex}.new-form button{align-self:flex-start}@media (width<=720px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.message{max-width:95%}}