/* One visual language across the office, tools, forms, and login. */
:root[data-theme="day"]{color-scheme:light;--theme-bg:#f4f7f8;--theme-panel:#fff;--theme-soft:#f1f5f4;--theme-border:#dfe8e8;--theme-ink:#344c5b;--theme-muted:#647b88;--theme-accent:#4f8a74;--theme-accent-soft:#e8f2eb;--theme-accent-text:#46765e;--theme-shadow:0 4px 18px #335b6805;--theme-avatar:#e8eef2;--theme-input:#fbfcfc;--theme-danger:#a54b57;--theme-danger-bg:#fcf0f1;--theme-danger-border:#eccfd4;--theme-amber:#866a37;--theme-amber-bg:#faf3e5;--theme-info:#51768b;--theme-info-bg:#eef5f8;--theme-green-bg:#eaf4ed;--theme-purple:#776594;--theme-purple-bg:#f1edf6}
:root[data-theme="night"]{color-scheme:dark;--theme-bg:#0d1822;--theme-panel:#14232f;--theme-soft:#1c2e39;--theme-border:#2b414d;--theme-ink:#dbe8ed;--theme-muted:#9bafbb;--theme-accent:#97d0b3;--theme-accent-soft:#233e35;--theme-accent-text:#a4d7bb;--theme-shadow:0 5px 24px #00000012;--theme-avatar:#293d4b;--theme-input:#101e28;--theme-danger:#e7a3a9;--theme-danger-bg:#3a2831;--theme-danger-border:#65434f;--theme-amber:#d9c18e;--theme-amber-bg:#342f27;--theme-info:#a1c5d7;--theme-info-bg:#1b3341;--theme-green-bg:#203b2e;--theme-purple:#c1b1dd;--theme-purple-bg:#302b42}
:root[data-theme]{--bg:var(--theme-bg);--panel:var(--theme-panel);--panel2:var(--theme-soft);--border:var(--theme-border);--muted:var(--theme-muted);--text:var(--theme-ink);--green:var(--theme-accent);--green-dim:var(--theme-accent-soft);--purple:var(--theme-purple);--amber:var(--theme-amber);--red:var(--theme-danger)}
html[data-theme] body{background:var(--theme-bg);color:var(--theme-ink)}
html[data-theme] .app-shell,html[data-theme] .app-shell.vo-shell{--bg:var(--theme-bg);--panel:var(--theme-panel);--panel2:var(--theme-soft);--border:var(--theme-border);--muted:var(--theme-muted);--text:var(--theme-ink);--green:var(--theme-accent);--green-dim:var(--theme-accent-soft);--purple:var(--theme-purple);--amber:var(--theme-amber);--red:var(--theme-danger);color-scheme:inherit;background:var(--theme-bg);color:var(--theme-ink);grid-template-columns:190px minmax(0,1fr)}
html[data-theme] .sidebar,html[data-theme] .topbar{background:var(--theme-panel);border-color:var(--theme-border)}
html[data-theme] .sidebar{padding-top:25px}html[data-theme] .brand{color:var(--theme-ink);font-size:17px;gap:8px}html[data-theme] .brand-mark{background:var(--theme-accent-soft);color:var(--theme-accent-text)}html[data-theme] .brand small{color:var(--theme-muted);font-size:7px}html[data-theme] .workspace{background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-ink)}html[data-theme] .workspace small,html[data-theme] .nav-caption{color:var(--theme-muted)}html[data-theme] .workspace-avatar,html[data-theme] .avatar-small{background:var(--theme-avatar);color:var(--theme-muted)}
html[data-theme] nav a{color:var(--theme-muted);font-size:12px;padding:12px 10px}html[data-theme] nav a:hover{background:var(--theme-soft);color:var(--theme-ink)}html[data-theme] nav a.active{background:var(--theme-accent-soft);color:var(--theme-accent-text)}html[data-theme] nav .count{background:var(--theme-accent-soft);color:var(--theme-accent-text)}html[data-theme] .connection-mini,html[data-theme] .profile{color:var(--theme-muted);border-color:var(--theme-border)}html[data-theme] .connection-mini b{color:var(--theme-muted)}html[data-theme] .topbar{height:61px;padding:0 26px}html[data-theme] .breadcrumb strong{color:var(--theme-ink)}html[data-theme] .breadcrumb span{color:var(--theme-muted)}html[data-theme] .topbar-right,html[data-theme] .local-badge{color:var(--theme-muted)}html[data-theme] .app-footer{color:var(--theme-muted);border-color:var(--theme-border)}
html[data-theme] button{background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-ink)}html[data-theme] button:hover:not(:disabled){background:var(--theme-accent-soft);border-color:var(--theme-border)}html[data-theme] .primary{background:var(--theme-accent);color:var(--theme-panel);border-color:var(--theme-accent)}html[data-theme] .primary:hover:not(:disabled){background:var(--theme-accent);filter:brightness(1.05)}html[data-theme] .secondary{background:transparent}html[data-theme] .danger{color:var(--theme-danger);background:var(--theme-danger-bg);border-color:var(--theme-danger-border)}html[data-theme] button:focus-visible,html[data-theme] a:focus-visible{outline-color:var(--theme-accent)}
html[data-theme] .theme-toggle{font-size:11px;gap:7px;border-radius:8px;background:var(--theme-soft);padding:7px 10px;white-space:nowrap;min-height:32px}html[data-theme] .theme-toggle .icon{width:15px;height:15px}html[data-theme] .topbar-right .theme-toggle{color:var(--theme-accent-text);border-color:var(--theme-border)}
html[data-theme] .panel,html[data-theme] .stat,html[data-theme] .form-section,html[data-theme] .login-card{background:var(--theme-panel);border-color:var(--theme-border);box-shadow:var(--theme-shadow)}html[data-theme] .page-head p,html[data-theme] .panel-head p,html[data-theme] .agent-description,html[data-theme] .form-section>p,html[data-theme] .account-card p,html[data-theme] .help-step{color:var(--theme-muted)}html[data-theme] .page-head h1,html[data-theme] .help-step strong,html[data-theme] .empty strong,html[data-theme] .detail-content{color:var(--theme-ink)}html[data-theme] label{color:var(--theme-ink)}html[data-theme] input,html[data-theme] textarea,html[data-theme] select{background:var(--theme-input);color:var(--theme-ink);border-color:var(--theme-border)}html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--theme-muted);opacity:.8}html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{border-color:var(--theme-accent);box-shadow:0 0 0 2px var(--theme-accent-soft)}
html[data-theme] th{background:var(--theme-soft);color:var(--theme-muted)}html[data-theme] td{border-color:var(--theme-border)}html[data-theme] td strong{color:var(--theme-ink)}html[data-theme] td small,html[data-theme] .stat-top,html[data-theme] .stat small{color:var(--theme-muted)}html[data-theme] .badge{color:var(--theme-muted);background:var(--theme-soft)}html[data-theme] .badge.outline{background:transparent;border-color:var(--theme-border)}html[data-theme] .badge.green,html[data-theme] .success-text{color:var(--theme-accent-text)}html[data-theme] .badge.green{background:var(--theme-green-bg)}html[data-theme] .badge.amber{color:var(--theme-amber);background:var(--theme-amber-bg)}html[data-theme] .badge.red,html[data-theme] .error-text{color:var(--theme-danger)}html[data-theme] .badge.red{background:var(--theme-danger-bg)}html[data-theme] .badge.purple{color:var(--theme-purple);background:var(--theme-purple-bg)}html[data-theme] .account-icon,html[data-theme] .activity-marker{background:var(--theme-accent-soft);color:var(--theme-accent-text)}
html[data-theme] .notice{color:var(--theme-amber);background:var(--theme-amber-bg);border-color:var(--theme-border)}html[data-theme] .notice.info{color:var(--theme-info);background:var(--theme-info-bg);border-color:var(--theme-border)}html[data-theme] .notice.success{color:var(--theme-accent-text);background:var(--theme-green-bg);border-color:var(--theme-border)}html[data-theme] .help-step:before{background:var(--theme-accent-soft);color:var(--theme-accent-text)}html[data-theme] .activity-item,html[data-theme] .log-row,html[data-theme] .inbox-row{border-color:var(--theme-border)}html[data-theme] .activity-item p{color:var(--theme-ink)}
html[data-theme] dialog{background:var(--theme-panel);border-color:var(--theme-border);color:var(--theme-ink)}html[data-theme] .modal-head,html[data-theme] .modal-footer{border-color:var(--theme-border)}html[data-theme] .detail-content,html[data-theme] .agent-task{background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-ink)}html[data-theme] .workflow-step{background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-muted)}html[data-theme] .workflow-step.done{background:var(--theme-accent-soft);color:var(--theme-accent-text);border-color:var(--theme-border)}html[data-theme] .workflow-step.current{background:var(--theme-amber-bg);color:var(--theme-amber);border-color:var(--theme-border)}html[data-theme] .toast{background:var(--theme-green-bg);color:var(--theme-accent-text);border-color:var(--theme-border)}html[data-theme] .toast.error{background:var(--theme-danger-bg);color:var(--theme-danger);border-color:var(--theme-danger-border)}html[data-theme] .login-screen{background:radial-gradient(ellipse at 50% 10%,var(--theme-accent-soft),transparent 65%)}html[data-theme] .login-card>p{color:var(--theme-muted)}

/* Unified dashboard preserves the original counters and recent campaigns. */
.vo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}.vo-stat{padding:16px 19px;background:var(--theme-panel);border:1px solid var(--theme-border);border-radius:13px;box-shadow:var(--theme-shadow)}.vo-stat>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--theme-muted);gap:8px}.vo-stat .icon{width:15px;height:15px}.vo-stat strong{display:block;font-size:27px;line-height:1.3;font-weight:550;color:var(--theme-ink);margin:8px 0 4px}.vo-stat small{font-size:9px;color:var(--theme-muted);display:block;line-height:1.6}.vo-recent{margin-top:20px;overflow:hidden}.vo-recent .vo-panel-heading h2{font-size:14px}.vo-recent .vo-panel-heading p{font-size:10px;margin-top:4px;color:var(--theme-muted)}.vo-recent .vo-panel-heading a{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--theme-accent-text)}.vo-recent .icon{width:13px;height:13px}
html[data-theme] .vo-workspace{--vo-accent:var(--theme-accent);--vo-soft:var(--theme-soft);--vo-ink:var(--theme-ink);--vo-muted:var(--theme-muted)}html[data-theme] .vo-card{background:var(--theme-panel);border-color:var(--theme-border);box-shadow:var(--theme-shadow)}html[data-theme] .vo-workspace button{color:var(--theme-ink);background:var(--theme-panel);border-color:var(--theme-border)}html[data-theme] .vo-workspace button:hover:not(:disabled){background:var(--theme-accent-soft);border-color:var(--theme-border)}html[data-theme] .vo-workspace .primary{color:var(--theme-panel);background:var(--theme-accent);border-color:var(--theme-accent)}
html[data-theme] .vo-heading h1,html[data-theme] .vo-left h2,html[data-theme] .vo-scene-heading h2,html[data-theme] .vo-panel-heading h2,html[data-theme] .vo-member-copy b,html[data-theme] .vo-detail-heading b,html[data-theme] .vo-task b,html[data-theme] .vo-real-progress>b{color:var(--theme-ink)}html[data-theme] .vo-heading>div>p:last-child,html[data-theme] .vo-muted,html[data-theme] .vo-floors small,html[data-theme] .vo-zones button,html[data-theme] .vo-context p,html[data-theme] .vo-context small,html[data-theme] .vo-member-copy small,html[data-theme] .vo-detail-heading small,html[data-theme] .vo-agent-detail>p,html[data-theme] .vo-task p,html[data-theme] .vo-routine-progress p,html[data-theme] .vo-routine-progress span,html[data-theme] .vo-real-progress small,html[data-theme] .vo-log-item p,html[data-theme] .vo-log-item time,html[data-theme] .vo-log-footer,html[data-theme] .vo-empty-log p,html[data-theme] .vo-presenter-note,html[data-theme] .vo-workspace-summary,html[data-theme] .vo-section-label,html[data-theme] .vo-eyebrow,html[data-theme] .vo-left-footer,html[data-theme] .vo-task>span,html[data-theme] .vo-real-progress>span,html[data-theme] .vo-tabs button,html[data-theme] .vo-view-caption{color:var(--theme-muted)}html[data-theme] .vo-agent-status,html[data-theme] .vo-routine-progress b,html[data-theme] .vo-log-item span,html[data-theme] .vo-context h3,html[data-theme] .vo-scene-badge,html[data-theme] .vo-live,html[data-theme] .vo-empty-log b{color:var(--theme-accent-text)}
html[data-theme] .vo-building-icon,html[data-theme] .vo-floor-number,html[data-theme] .vo-context,html[data-theme] .vo-agent-status,html[data-theme] .vo-text-chip,html[data-theme] .vo-flow-dots span{background:var(--theme-soft);border-color:var(--theme-border);color:var(--theme-muted)}html[data-theme] .vo-floors button[aria-pressed=true],html[data-theme] .vo-team-member.is-selected,html[data-theme] .vo-zones button[aria-pressed=true],html[data-theme] .vo-flow-dots .complete,html[data-theme] .vo-control-bar button[aria-pressed=true]{background:var(--theme-accent-soft)!important;border-color:var(--theme-border)!important;color:var(--theme-accent-text)}html[data-theme] .vo-floors button[aria-pressed=true] .vo-floor-number{background:var(--theme-panel);color:var(--theme-accent-text)}html[data-theme] .vo-building-art{background:radial-gradient(ellipse,var(--theme-soft),transparent 68%)}html[data-theme] .vo-control-bar,html[data-theme] .vo-presenter-note{background:var(--theme-panel);border-color:var(--theme-border)}html[data-theme] .vo-control-bar button,html[data-theme] .vo-zoom-controls span,html[data-theme] .vo-workspace-summary a{color:var(--theme-muted)}html[data-theme] .vo-count,html[data-theme] .vo-scene-badge,html[data-theme] .vo-agent-detail,html[data-theme] .vo-task,html[data-theme] .vo-detail-action,html[data-theme] .vo-real-progress,html[data-theme] .vo-tabs,html[data-theme] .vo-log-item,html[data-theme] .vo-log-footer{border-color:var(--theme-border)!important}html[data-theme] .vo-detail-action,html[data-theme] .vo-workspace-summary b{color:var(--theme-accent-text)!important}html[data-theme] .vo-tabs button[aria-selected=true]{color:var(--theme-accent-text);border-bottom-color:var(--theme-accent)}html[data-theme] .vo-control-divider,html[data-theme] .vo-real-stages i{background:var(--theme-border)}html[data-theme] .vo-real-stages i.complete{background:var(--theme-accent)}html[data-theme] .vo-progress-ring circle{stroke:var(--theme-border)}html[data-theme] .vo-progress-ring #vo-ring-fill{stroke:var(--theme-accent)}html[data-theme] .vo-progress-ring text{fill:var(--theme-accent-text)}

/* Night scene: same geometry and actors, different materials and lighting. */
html[data-theme="night"] .vo-view{background:radial-gradient(ellipse at 58% 55%,#203d48,#132532 67%,#10202c)}html[data-theme="night"] .vo-scene-decoration{background:#315969;opacity:.22}html[data-theme="night"] .vo-view:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 15%,#dce8f380 1px,transparent 2px),radial-gradient(circle at 68% 12%,#dce8f350 1px,transparent 2px),radial-gradient(circle at 84% 21%,#dce8f330 1px,transparent 2px);pointer-events:none}
html[data-theme="night"] #vo-floor stop:first-child{stop-color:#31434a}html[data-theme="night"] #vo-floor stop:last-child{stop-color:#223c40}html[data-theme="night"] #vo-desk-top stop:first-child{stop-color:#899889}html[data-theme="night"] #vo-desk-top stop:last-child{stop-color:#657d72}html[data-theme="night"] #vo-wall stop:first-child{stop-color:#263f4f}html[data-theme="night"] #vo-wall stop:last-child{stop-color:#304f60}
html[data-theme="night"] .vo-scene path[fill="#e4f0ed"]{fill:#29434c;stroke:#395969}html[data-theme="night"] .vo-scene path[fill="#d0dcd4"]{fill:#304e48}html[data-theme="night"] .vo-scene path[fill="#bbd1cc"]{fill:#39605b}html[data-theme="night"] .vo-scene path[fill="#d9edf0"]{fill:#468297;stroke:#6c929e}html[data-theme="night"] .vo-scene path[fill="#fff"]{fill:#a8c1d1;opacity:.15}html[data-theme="night"] .vo-scene path[fill="#e5ebe4"]{fill:#8daba4}html[data-theme="night"] .vo-scene path[fill="#c7d0c6"]{fill:#4d685b}html[data-theme="night"] .vo-scene path[fill="#d8ded4"]{fill:#647e6e}html[data-theme="night"] .vo-scene #vo-tiles path{stroke:#6b9497;stroke-opacity:.13}
html[data-theme="night"] .vo-desk-label rect{fill:#213b48;stroke:#4a6571}html[data-theme="night"] .vo-desk-label text{fill:#d6e5e9}html[data-theme="night"] .vo-desk-label text:last-child{fill:#9db4c0}html[data-theme="night"] .vo-desk.is-selected .vo-desk-label rect{stroke:#9dccb4}html[data-theme="night"] .vo-screen{fill:#92e0db;filter:drop-shadow(0 0 3px #72cec855)}html[data-theme="night"] .vo-character{filter:brightness(.92)}html[data-theme="night"] .vo-daylight{fill:#7897cc;opacity:.05;animation:none}html[data-theme="night"] .vo-desk-halo{mix-blend-mode:screen}html[data-theme="night"] .vo-building-art svg{filter:brightness(.75) saturate(.85)}
html[data-theme="day"] .phone-preview{background:#f6fbf8;color:#38524b;border-color:#cad8d3}html[data-theme="day"] .phone-notch{background:#cad8d3}html[data-theme="day"] .wa-head{background:#e0efe7;color:#305f47}html[data-theme="day"] .wa-head small{color:#607c6d}html[data-theme="day"] .wa-body{background-color:#edf3e8}html[data-theme="day"] .wa-day,html[data-theme="day"] .phone-status{color:#607c6d}html[data-theme="day"] .wa-bubble{background:#dcf0d2;color:#315742}html[data-theme="day"] .wa-time{color:#6c927a}html[data-theme="day"] .wa-compose{background:#f0f7ef;color:#6a8273}html[data-theme="night"] .phone-preview{color:#eaf3ee}
@media(max-width:1300px) and (min-width:561px){html[data-theme] .app-shell,html[data-theme] .app-shell.vo-shell{grid-template-columns:78px minmax(0,1fr)}html[data-theme] .sidebar{padding:24px 9px 0}html[data-theme] .brand{justify-content:center;padding:0}html[data-theme] .brand>span:last-child,html[data-theme] .workspace,html[data-theme] .nav-caption,html[data-theme] nav a span,html[data-theme] .connection-mini,html[data-theme] .profile{display:none}html[data-theme] nav a{justify-content:center;padding:13px}html[data-theme] nav .count{display:none}}
@media(max-width:1050px){.vo-heading-actions .vo-connect{font-size:10px;padding:9px}.vo-heading-actions .vo-connect .icon{display:none}.vo-stats{gap:10px}.vo-stat{padding:13px}.vo-stat>span{font-size:10px}.vo-stat small{font-size:8px}}
@media(max-width:780px){.vo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vo-heading{flex-wrap:wrap}.vo-heading-actions{flex-wrap:wrap}.vo-heading-actions .vo-live{display:none}}
@media(max-width:560px){html[data-theme] .app-shell,html[data-theme] .app-shell.vo-shell{display:block}html[data-theme] .sidebar{height:64px;position:fixed;top:auto;bottom:0;padding:5px;background:var(--theme-panel);border-color:var(--theme-border)}html[data-theme] nav a{padding:6px 5px;font-size:8px}html[data-theme] nav a span{display:block}html[data-theme] .brand,html[data-theme] .sidebar-bottom{display:none}html[data-theme] .topbar{height:56px;padding:0 17px}html[data-theme] .topbar-right{gap:9px}html[data-theme] .theme-toggle{padding:6px 8px;font-size:10px}html[data-theme] .app-footer{padding-bottom:80px}.vo-heading-actions{justify-content:start;gap:8px}.vo-heading-actions .vo-connect{font-size:11px}.vo-stat strong{font-size:25px}.vo-stat small{font-size:8px}.vo-recent .vo-panel-heading{padding:15px}.vo-recent .vo-panel-heading h2{font-size:12px}}