:root{--theme-bg:#f6f7fb;--theme-surface:#fff;--theme-surface-2:#fafbfc;--theme-border:#e7e9ef;--theme-border-soft:#edf0f3;--theme-text:#17202a;--theme-muted:#717b89;--theme-input:#fff;--theme-shadow:rgba(24,32,56,.045);--theme-purple-soft:#f0ecff;--theme-purple-text:#5c35d6}
.theme-toggle{width:38px;height:38px;border-radius:11px;border:1px solid #dfe3ea;background:var(--theme-surface);color:var(--theme-text);display:grid;place-items:center;font-size:18px;line-height:1;box-shadow:0 3px 12px rgba(25,30,48,.05);transition:transform .15s ease,border-color .15s ease,background .15s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:#8b6bff}.theme-toggle:focus-visible{outline:3px solid rgba(124,77,255,.18);outline-offset:2px}
[data-theme="dark"]{--theme-bg:#0e1420;--theme-surface:#151d29;--theme-surface-2:#101823;--theme-border:#293446;--theme-border-soft:#253044;--theme-text:#f3f5f8;--theme-muted:#9aa6b6;--theme-input:#111923;--theme-shadow:rgba(0,0,0,.22);--theme-purple-soft:#2a2148;--theme-purple-text:#b49cff}
[data-theme="dark"] body{background:radial-gradient(circle at 70% 0,#172131 0,#0e1420 42%,#0b111a 100%);color:var(--theme-text)}
[data-theme="dark"] .topbar{background:#111925;border-bottom-color:var(--theme-border)}[data-theme="dark"] .sidebar{background:rgba(17,25,37,.92);border-right-color:var(--theme-border)}[data-theme="dark"] .nav button{color:#c1cad6}[data-theme="dark"] .nav button.active,[data-theme="dark"] .nav button:hover{background:#2b214b;color:#c5afff}[data-theme="dark"] .muted,[data-theme="dark"] .eyebrow{color:var(--theme-muted)}
[data-theme="dark"] .card,[data-theme="dark"] .conversation-list,[data-theme="dark"] .auth-card{background:var(--theme-surface);border-color:var(--theme-border);box-shadow:0 12px 34px var(--theme-shadow)}[data-theme="dark"] .conversation-item{background:var(--theme-surface);border-bottom-color:var(--theme-border-soft);color:var(--theme-text)}[data-theme="dark"] .conversation-item:hover,[data-theme="dark"] .conversation-item.active{background:#2a2148}[data-theme="dark"] .conversation-top span,[data-theme="dark"] .conversation-preview,[data-theme="dark"] .conversation-meta{color:#9aa6b6}
[data-theme="dark"] .thread-head,[data-theme="dark"] .reply-form{background:var(--theme-surface);border-color:var(--theme-border-soft)}[data-theme="dark"] .messages{background:var(--theme-surface-2)}[data-theme="dark"] .message-bubble{background:#202a37;border-color:#344052;color:#f0f3f7;box-shadow:none}[data-theme="dark"] .message-row.outbound .message-bubble{background:#2c2350;border-color:#463778}[data-theme="dark"] .message-time{color:#99a4b3}[data-theme="dark"] .message-author{color:#b49cff}
[data-theme="dark"] .btn,[data-theme="dark"] .theme-toggle{background:#182130;border-color:#344052;color:#e7ebf1}[data-theme="dark"] .btn:hover{border-color:#785cf3;background:#202a3b}[data-theme="dark"] .btn.primary{background:#7148f5;border-color:#7148f5;color:#fff}[data-theme="dark"] .badge{background:#173a2c;color:#81e0ae}[data-theme="dark"] .badge.off{background:#29313d;color:#bac3cf}[data-theme="dark"] .badge.pending{background:#47391e;color:#f2c867}
[data-theme="dark"] .field input,[data-theme="dark"] .field textarea,[data-theme="dark"] .field select,[data-theme="dark"] .reply-form textarea{background:var(--theme-input);border-color:#344052;color:var(--theme-text)}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#788596}[data-theme="dark"] .field label{color:#c8d0da}[data-theme="dark"] .empty{border-color:#344052;color:#929eae}[data-theme="dark"] .channel-row{border-bottom-color:var(--theme-border-soft)}[data-theme="dark"] .notice{background:#292047;color:#c9baff}[data-theme="dark"] .notice.error{background:#442422;color:#ffb4aa}
[data-theme="dark"] .tabs{background:#0f1722;border:1px solid #2c3849;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}[data-theme="dark"] .tabs button{color:#aeb8c6;background:transparent}[data-theme="dark"] .tabs button:hover{color:#f4f1ff;background:#1b2533}[data-theme="dark"] .tabs button.active{background:#7148f5;color:#fff;box-shadow:0 2px 10px rgba(113,72,245,.3)}
@media(max-width:800px){[data-theme="dark"] .sidebar{background:#111925;border-bottom-color:var(--theme-border)}}