.shell{grid-template-columns:250px minmax(420px,1fr) 390px}.sidebar{height:100vh;min-height:0;padding:20px 14px 0;overflow:hidden}.sidebar .brand{flex:0 0 auto}.sidebar-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:18px;scrollbar-width:thin}.sidebar-scroll nav,.sidebar-scroll .channel-agents{overflow:visible;max-height:none}.sidebar-bottom{flex:0 0 auto;background:#252620;padding-bottom:16px}.sidebar-bottom .manage{width:100%;margin:0 0 12px}.sidebar-bottom .profile{margin:0}.room{min-width:0;height:100vh}.room .messages{padding:20px 24px}.room .agent-state{padding-left:24px;padding-right:24px}.room .composer{margin:5px 24px 20px}.thread-pane{display:grid;height:100vh;min-width:0;background:#f5f4ef;border-left:1px solid var(--line);grid-template-rows:76px 1fr auto;color:var(--ink);padding:0}.thread-pane>header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.thread-pane>header p{margin:3px 0;color:#888;font-size:11px}.thread-pane>header button{border:0;background:none;font-size:24px;cursor:pointer}.thread-empty{display:grid;place-content:center;text-align:center;gap:6px;color:#999}.thread-empty b{color:#555}.thread-messages{overflow-y:auto;padding:14px}.thread-messages .message{border-bottom:1px solid var(--line)}#thread-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--paper)}#thread-form textarea{flex:1;min-height:64px;padding:10px;border:1px solid var(--line);resize:none}#thread-form button{border:0;background:var(--ink);color:#fff;padding:0 16px;cursor:pointer}@media(max-width:1000px){.shell{grid-template-columns:220px minmax(360px,1fr) 340px}.room .messages{padding:16px}.room .agent-state{padding-left:16px;padding-right:16px}.room .composer{margin:5px 16px 16px}}@media(max-width:760px){.shell,.shell.thread-active{grid-template-columns:1fr}.sidebar{display:none}.thread-pane{display:none;grid-column:1}.thread-active .room{display:none}.thread-active .thread-pane{display:grid}.room .composer{margin:5px 12px 12px}}
.room-tools{display:flex;align-items:center;gap:10px}.danger{border:1px solid #c94f42;background:#fff;color:#a9342b;padding:7px 11px;cursor:pointer}.room-tools .danger{border-radius:4px;background:transparent;font-size:11px}.confirm-card{width:min(450px,90vw);padding:26px;background:var(--paper);box-shadow:0 25px 80px #0005}.confirm-card p{color:#666;line-height:1.6}.confirm-card input{width:100%;padding:11px;border:1px solid var(--line);font:inherit}.confirm-card small{display:block;min-height:20px;margin-top:6px;color:#b33}.confirm-card>div{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.confirm-card button{padding:9px 14px}