/* Shared appearance tokens for SaaS and Aquecedor. Dark is the default. */
:root,:root[data-theme=dark]{--bg:#0a0d12;--surface:#11151c;--surface2:#161b23;--line:#242b36;--control-line:#394250;--text:#f4f7f8;--muted:#8b95a5;--cyan:#42e8d2;--purple:#8a7dff;--amber:#f1b851;--red:#ff667a;--green:#4ce0a1;--action-bg:#42e8d2;--action-text:#07100f;--selection:#19302c;--placeholder:#778294;color-scheme:dark;color:var(--text);background:var(--bg)}
:root[data-theme=light]{--bg:#e9edf3;--surface:#f3f5f8;--surface2:#e2e7ef;--line:#bdc7d6;--control-line:#7b8ba1;--text:#202a38;--muted:#4c5a6e;--cyan:#1758b5;--purple:#6940b0;--amber:#795200;--red:#a51d34;--green:#11613d;--selection:#d4e2f6;--placeholder:#526177;color-scheme:light}
body,main{color:var(--text);background:var(--bg)}h1,h2,h3,h4,strong,td{color:var(--text)}p{color:inherit}small,label,.muted,.status-note,header p,#identity,#updated,.kicker,.brand small,.crm-card p,.crm-summary,.crm-empty{color:var(--muted)}a,.text-button{color:var(--cyan)}button,input,textarea,select{color:var(--text)}input,textarea,select,.toolbar input,.toolbar select,label input,label select,label textarea{background:var(--surface);border-color:var(--control-line);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}input:disabled,select:disabled,textarea:disabled{color:var(--muted);background:var(--surface2);opacity:1}input[type=checkbox]{accent-color:var(--action-bg)}button,.button.secondary,.mini-button{background:var(--surface);border-color:var(--control-line);color:var(--text)}button:hover,.button.secondary:hover,.mini-button:hover{background:var(--surface2)}button.primary,form button:not([type=button]),.button.primary,.trade-button.start{background:var(--action-bg);border-color:var(--action-bg);color:var(--action-text)}button.primary:hover,form button:not([type=button]):hover,.button.primary:hover{background:#1d4ed8;color:#fff}button.danger,.mini-button.danger{color:var(--red);background:var(--surface)}.decision-form .danger,.trade-button.stop{background:#a51d34;border-color:#a51d34;color:white}button:disabled{opacity:.6;cursor:not-allowed}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus,textarea:focus,select:focus{outline-color:var(--cyan)}article,form,.panel,.gateway-card,.metric,.metrics article,dialog,[data-feedback],#toast{background:var(--surface);color:var(--text);border-color:var(--line)}th{background:var(--surface2);color:var(--muted)}td{border-color:var(--line)}.table-wrap,.table-scroll{background:var(--surface);border-color:var(--line)}tr:hover td{background:var(--surface2)}.sidebar,body.authenticated #product-nav{background:var(--surface2);border-color:var(--line)}.brand,body.authenticated #product-nav:before{color:var(--text)}.brand-mark{background:var(--action-bg);color:#fff}.nav,.nav-group-label,body.authenticated #product-nav button{color:var(--muted)}.nav.active,.nav:hover,body.authenticated #product-nav button[aria-current=page],.management-page #manager-workspace>nav button[aria-current=page]{background:var(--selection);color:var(--cyan)}.settings-tabs button[aria-current=page]{color:var(--cyan);background:transparent}.hero,.warmup-desk,.live-monitor,.monitor-message,.message-preview,.crm-column,.management-page .crm-column{background:var(--surface2);color:var(--text);border-color:var(--line)}.message-preview p,.crm-card,.management-page .crm-card{background:var(--surface);color:var(--text);border-color:var(--line)}.monitor-message p,.tape-event b,.legend b,.side-footer strong{color:var(--text)}.green,.badge.connected,.badge.accepted{color:var(--green)}.amber,.danger-note{color:var(--amber)}.badge.disconnected,.badge.degraded,.badge.failed{color:var(--red)}.campaign-list tr[aria-selected=true] td{background:var(--selection)}#settings-feedback,#feedback,#inbox-feedback,#reply-state,#crm-feedback,#consent-feedback{color:var(--muted)}.theme-control{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:0}.theme-control select{width:auto;min-width:102px;padding:6px 8px;font:inherit;border-radius:6px}.theme-control-slot{display:flex;justify-content:flex-end;padding:8px 0;gap:8px}.inside-chatwoot .theme-control-slot,body.embedded .theme-control-slot{display:none}
@media(max-width:760px){body.authenticated #product-nav{background:var(--surface2)}}

.theme-switching *{transition:none!important}.nav b{background:var(--line);color:var(--text)}

[hidden]{display:none!important}

.account-appearance{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.account-appearance h3{margin:0 0 4px}.account-appearance label{max-width:360px}.account-appearance p{color:var(--muted);font-size:13px;margin:10px 0 0}

/* Dark operational language shared with the Aquecedor. */
:root[data-theme=dark] body{background:radial-gradient(circle at 82% -12%,#173f36 0,transparent 28%),var(--bg)}
:root[data-theme=dark] body.authenticated #product-nav{background:linear-gradient(180deg,#0d1016,#0a0d12);box-shadow:10px 0 40px #0003}
:root[data-theme=dark] body.authenticated #product-nav:before{color:var(--cyan);letter-spacing:1.5px}
:root[data-theme=dark] body.authenticated #product-nav button{border-radius:9px;transition:background .18s ease,color .18s ease,transform .18s ease}
:root[data-theme=dark] body.authenticated #product-nav button:hover{background:#1b212a;color:var(--text);transform:translateX(2px)}
:root[data-theme=dark] body.authenticated #product-nav button[aria-current=page]{background:#17312d;color:var(--cyan);box-shadow:inset 3px 0 var(--cyan),0 8px 22px #0002}
:root[data-theme=dark] article,:root[data-theme=dark] form,:root[data-theme=dark] [data-feedback],:root[data-theme=dark] .account-appearance{box-shadow:0 12px 30px #00000018}
:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:#0e141b;border-color:#2c3744;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #42e8d21c}
:root[data-theme=dark] button.primary,:root[data-theme=dark] form button:not([type=button]),:root[data-theme=dark] .button.primary{box-shadow:0 8px 24px #42e8d22b}
:root[data-theme=dark] button.primary:hover,:root[data-theme=dark] form button:not([type=button]):hover,:root[data-theme=dark] .button.primary:hover{background:#66f0df;color:#07100f;transform:translateY(-1px)}
:root[data-theme=dark] .metric{background:linear-gradient(145deg,#17211f,#11151c);border-color:#293733}
:root[data-theme=dark] .account-appearance{background:linear-gradient(135deg,#121e1c,#11151c)}
@media(prefers-reduced-motion:no-preference){:root[data-theme=dark] body.authenticated main{animation:ruptur-enter .35s ease-out}:root[data-theme=dark] .metric,:root[data-theme=dark] article{animation:ruptur-rise .32s ease-out both}@keyframes ruptur-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes ruptur-rise{from{opacity:.75;transform:translateY(7px)}to{opacity:1;transform:none}}}
