/* Insightive brand tokens — identical to InsightOS.html inline tokens. Keep in sync so customers moving to InsightOS see the same system. */
/* ===== INSIGHTIVE BRAND TOKENS — bound through SME semantic names (PROMPT-INS §1). Shared geometry 48/48/236/204. ===== */
:root{--topbar-h:48px;--rail-w:48px;--side-w:236px;--nav-w:204px;--ctx-w:380px;--font-ui:'TSSAFAA','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--royal:#0066CC;--cyan:#00FFFF;--navy:#13141E;--paper:#FAFAFA;--ink:#14151A}
:root[data-color-mode="light"]{--bg-app:#FAFAFA;--bg-surface:#FFFFFF;--bg-elevated:#F1F5F9;--bg-sunken:#F1F3F5;--bg-hover:#EDF2F7;--bg-active:#E2EAF3;--bg-row-sel:#E5F0FA;--bg-row-stripe:rgba(0,0,0,.015);--text-strong:#14151A;--text-body:#45474F;--text-muted:#59616E;--text-tertiary:#59616E;--text-disabled:#7B8491;--text-on-accent:#FFFFFF;--border-subtle:#E3E2DD;--border-default:#64748B;--border-strong:#64748B;--accent-500:#0066CC;--accent-600:#004C99;--accent-100:#E5F0FA;--accent-text-on:#0052A3;--color-success-500:#166534;--color-success-100:#DCFCE7;--color-warning-500:#92400E;--color-warning-100:#FEF3C7;--color-danger-500:#991B1B;--color-danger-100:#FEE2E2;--color-info-500:#1E40AF;--color-info-100:#DBEAFE;--neutral-fg:#45474F;--neutral-bg:#EDEFF2;--danger-solid:#B91C1C;--danger-600:#991B1B;--danger-solid-fg:#FFFFFF;--danger-bg-hover:#FEE2E2;--save-bar-bg:#FFFFFF;--tooltip-bg:#14151A;--tooltip-fg:#FAFAFA;--scrim:rgba(20,21,26,.45);--focus-ring:0 0 0 2px #FFFFFF,0 0 0 4px #14151A;--ai-grad:linear-gradient(135deg,#0066CC,#6a4dd0);--user-bubble:#F1F3F5;--shadow-sm:0 1px 2px rgba(20,21,26,.06);--shadow-md:0 4px 12px -2px rgba(20,21,26,.10),0 2px 4px -2px rgba(20,21,26,.05);--shadow-lg:0 12px 32px -6px rgba(20,21,26,.15),0 6px 12px -4px rgba(20,21,26,.08)}
:root[data-color-mode="dark"]{--bg-app:#13141E;--bg-surface:#1B1D2B;--bg-elevated:#222436;--bg-sunken:#10111A;--bg-hover:#242739;--bg-active:#2D3248;--bg-row-sel:#243B53;--bg-row-stripe:rgba(255,255,255,.015);--text-strong:#FAFAFA;--text-body:#CBD5E1;--text-muted:#AAB4C5;--text-tertiary:#AAB4C5;--text-disabled:#778093;--text-on-accent:#14151A;--border-subtle:#2C2F44;--border-default:#94A3B8;--border-strong:#94A3B8;--accent-500:#93C5FD;--accent-600:#BFDBFE;--accent-100:#243B53;--accent-text-on:#93C5FD;--color-success-500:#86EFAC;--color-success-100:#143322;--color-warning-500:#FCD34D;--color-warning-100:#382B12;--color-danger-500:#FCA5A5;--color-danger-100:#3B1C25;--color-info-500:#93C5FD;--color-info-100:#1B2C46;--neutral-fg:#CBD5E1;--neutral-bg:#282C3E;--danger-solid:#FCA5A5;--danger-600:#FECACA;--danger-solid-fg:#14151A;--danger-bg-hover:#3B1C25;--save-bar-bg:#1B1D2B;--tooltip-bg:#FAFAFA;--tooltip-fg:#14151A;--scrim:rgba(0,0,0,.65);--focus-ring:0 0 0 2px #14151A,0 0 0 4px #93C5FD;--ai-grad:linear-gradient(135deg,#0066CC,#6a4dd0);--user-bubble:#222436;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px -2px rgba(0,0,0,.5),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 12px 32px -6px rgba(0,0,0,.6),0 6px 12px -4px rgba(0,0,0,.4)}
/* Chassis hardcodes #fff on accent fills — rebind to --text-on-accent so Dark's #93C5FD fill keeps Ink text */
.btn.primary,.btn.primary:hover,.segctl button.is-active,.segment.is-active .ct,.c-send,.wstep.active .dot,.chain-row.active-deep .cdot,.tw-seg button.is-active{color:var(--text-on-accent)}
.cb.on svg{color:var(--text-on-accent)}.switch.on::after{background:var(--text-on-accent)}
.btn.danger.solid{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--danger-solid-fg)}.btn.danger.solid:hover{background:var(--danger-600);border-color:var(--danger-600);color:var(--danger-solid-fg)}
.wstep.done .dot,.sm-node.ai .sm-name{color:var(--text-on-accent)}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.field input:focus-visible,.field textarea:focus-visible{border-color:var(--accent-500);box-shadow:var(--focus-ring)}
.field .lbl .req{color:var(--color-danger-500)}
.field input:required,.field .is-required input{border-color:var(--border-strong)}
.pill.neutral{background:var(--neutral-bg);color:var(--neutral-fg)}
.status-pill{color:var(--color-success-500)}
/* Cyan verb accent — Light primary fill only (§1); omitted in Dark where it would fail contrast */
:root[data-color-mode="light"] .btn.primary .verb{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:3px}