/* Neutral internal workspace. Customer pages keep the Fitness Age brand palette. */
:root{
 --bg:#0c0c0c;--nav-surface:#111111;--surface:#181818;--surface-raised:#222222;--surface-soft:#ffffff06;--field:#111111;--hover:#ffffff08;
 --border:#414141;--border-strong:#777777;--line:#ffffff17;--text:#f3f3f3;--muted:#b0b0b0;
 --accent:#85ffb6;--green:#85ffb6;--accent-fill:#85ffb6;--accent-fill-hover:#b9ffd4;--accent-text:#a5efbe;--accent-soft:#192d21;--link-hover:#d5ffe4;--focus:#85ffb6;--button-ink:#102018;--chart:#6aa984;
 --info:#d0d0d0;--info-bg:#252525;--note:#c8c8c8;--note-bg:#2c2c2c;
 --attention:#efc580;--attention-bg:#30291d;--attention-border:#675131;
 --success:#a5efbe;--success-bg:#1c3024;--success-border:#41604b;
 --lost:#efb1af;--lost-bg:#352222;--lost-border:#6d4141;--red:#ff9b95;
 color-scheme:dark;
}
:root[data-theme=light]{
 --bg:#f5f5f5;--nav-surface:#ffffff;--surface:#ffffff;--surface-raised:#eeeeee;--surface-soft:#00000004;--field:#ffffff;--hover:#00000004;
 --border:#c7c7c7;--border-strong:#787878;--line:#dddddd;--text:#202020;--muted:#606060;
 --accent:#21663e;--green:#21663e;--accent-text:#21663e;--accent-soft:#e7f5ec;--link-hover:#123e25;--focus:#21663e;--chart:#337d50;
 --info:#555555;--info-bg:#ededed;--note:#555555;--note-bg:#e8e8e8;
 --attention:#80540b;--attention-bg:#fff5df;--attention-border:#d8bb82;
 --success:#21663e;--success-bg:#e7f5ec;--success-border:#a5cbb1;
 --lost:#963c37;--lost-bg:#fcecea;--lost-border:#d9aaa6;--red:#a8322b;
 color-scheme:light;
}
/* CRM: distinguish content surfaces, controls and the primary action. */
:root[data-surface=workspace]{
 --bg:#131416;--nav-surface:#191b1e;--surface:#24272b;--surface-raised:#34383e;--surface-soft:#2b2e33;--field:#191c20;--hover:#3b4047;
 --border:#929aa4;--border-strong:#bbc3cd;--line:#575e68;--text:#f5f6f7;--muted:#c1c7cf;
 --accent-soft:#30353c;--attention:#ffd48f;--attention-bg:#3a2d18;--attention-border:#b69153;
}
:root[data-surface=workspace][data-theme=light]{
 --bg:#eceef1;--nav-surface:#f8f9fa;--surface:#f8f9fa;--surface-raised:#dfe3e8;--surface-soft:#e7eaee;--field:#ffffff;--hover:#dce1e7;
 --border:#687583;--border-strong:#45515f;--line:#b4bdc7;--text:#20252b;--muted:#4e5966;
 --accent-fill:#21663e;--accent-fill-hover:#184f30;--button-ink:#ffffff;--accent-soft:#e1e5ea;
 --attention:#754905;--attention-bg:#fff0cc;--attention-border:#976622;
}
:root[data-surface=customer][data-theme=dark]{
 --bg:#0a0a0c;--surface:#19191b;--surface-soft:rgba(255,255,255,.05);--border:#373739;--text:#fff;--muted:#a1a1a3;
 --accent:#85ffb6;--accent-hover:#b9ffd4;--accent-soft:#1a3024;--green:#85ffb6;
}
/* The customer portal shares the saved theme while keeping the AX visual language. */
:root[data-surface=customer][data-theme=light]{
 --bg:#f6f6f6;--surface:#fff;--surface-soft:rgba(0,0,0,.025);--border:#cecece;--text:#202020;--muted:#606060;
 --accent:#21663e;--green:#21663e;--accent-soft:#e7f5ec;--accent-hover:#b9ffd4;
 --brand-mesh:radial-gradient(ellipse at 30% 100%,#e4f2e8 0%,#eff1ed 45%,#f6f6f6 100%);
}
@media screen{
 .customer-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0}
 .customer-header-tools .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:transparent;border:1px solid var(--border);color:var(--text);font-size:13px;min-height:40px;padding:8px 11px;flex:none}
 .customer-header-tools .theme-toggle:hover{background:var(--surface-soft);border-color:var(--muted)}
 html[data-surface=customer] .customer-header-tools .theme-toggle{transition:border-color .15s}
 html[data-theme=light][data-surface=customer] :is(.customer-logo img,.footer-brand img){filter:brightness(0)}
 html[data-theme=light][data-surface=customer] :is(select,select option,select optgroup){color-scheme:light;color:var(--text);background-color:var(--field)}
 html[data-theme=light][data-surface=customer] :is(input,textarea){background:var(--field);border-color:var(--border);color:var(--text)}
 html[data-theme=light][data-surface=customer] :is(input,textarea)::placeholder{color:var(--muted)}
 html[data-theme=light][data-surface=customer] input:is([type=checkbox],[type=radio]){accent-color:var(--accent)}
 html[data-theme=light][data-surface=customer] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
 html[data-theme=light][data-surface=customer] :is(dialog,#toast){background:var(--surface);border-color:var(--border-strong);color:var(--text)}
 html[data-theme=light][data-surface=customer] .skip{background:var(--accent-fill);color:var(--button-ink)}
 html[data-theme=light][data-surface=customer] :is(.customer-header,.customer-footer,.product-stage,.stage-bottom,.stage-ar,.included-overview,.configured-machine,.quantity-control,.accessory-card,.cost-plan,.cost-period,.cost-saving,.fitness-selection,.case-progress li){border-color:var(--border)}
 html[data-theme=light][data-surface=customer] .customer-header nav a{color:var(--muted)}
 html[data-theme=light][data-surface=customer] .customer-header nav a:is(:hover,[aria-current]){color:var(--accent);border-color:var(--accent)}
 html[data-theme=light][data-surface=customer] .nav-count{background:var(--surface-raised);color:var(--text)}
 html[data-theme=light][data-surface=customer] .stage-image{filter:drop-shadow(0 14px 14px #0000001f)}
 html[data-theme=light][data-surface=customer] :is(.model-row-price strong,.stage-caption,td strong,.notice){color:var(--text)}
 html[data-theme=light][data-surface=customer] :is(.price-column-labels,.accessory-price span,.cost-lines dt,.cost-main>span,.cost-monthly>span,.cost-period span){color:var(--muted)}
 html[data-theme=light][data-surface=customer] .model-row{border-color:var(--border)}
 html[data-theme=light][data-surface=customer] .model-row.selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
 html[data-theme=light][data-surface=customer] .model-row.selected+.model-row{border-top-color:var(--accent)}
 html[data-theme=light][data-surface=customer] button:hover:not(:disabled){background-color:var(--hover);border-color:var(--border-strong)}
 html[data-theme=light][data-surface=customer] .payment-switch button.active{background:var(--accent-soft);color:var(--accent)}
 html[data-theme=light][data-surface=customer] :is(button.primary,a.button.primary,.mobile-cost a,button.success){background:var(--accent-fill);border-color:var(--accent-fill);color:var(--button-ink)}
 html[data-theme=light][data-surface=customer] :is(button.primary,a.button.primary,.mobile-cost a,button.success):hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover);color:var(--button-ink)}
 html[data-theme=light][data-surface=customer] :is(.panel,.table-card,.summary,.plan,.customer-cost,.mobile-cost,.product-mobile-action){background:var(--surface);border-color:var(--border);color:var(--text)}
 html[data-theme=light][data-surface=customer] .mobile-cost,html[data-theme=light][data-surface=customer] .product-mobile-action{box-shadow:0 -6px 24px #0000000b}
 html[data-theme=light][data-surface=customer] :is(.notice,.request-review,.contact-confirm){background:var(--surface-soft);border-color:var(--border);color:var(--text)}
 html[data-theme=light][data-surface=customer] .accessory-card.selected{border-color:var(--accent);background:var(--accent-soft)}
 html[data-theme=light][data-surface=customer] .viewer-frame{background:radial-gradient(ellipse at 50% 65%,#e8eeea,#f5f5f5 75%)}
 html[data-theme=light][data-surface=customer] .viewer-feedback{background:#fffffff2;border-color:var(--border);color:var(--text)}
 html[data-theme=light][data-surface=customer] :is(th,.upload-preview){background:var(--surface-raised);color:var(--muted)}
 html[data-theme=light][data-surface=customer] :is(td,.customer-case .case-price-summary){border-color:var(--border)}
 html[data-theme=light][data-surface=customer] :is(.pricing-warning,.case-warning){color:var(--attention)}
 html[data-theme=light][data-surface=customer] .workspace-preview-bar{background:var(--accent-soft);border-color:var(--success-border);color:var(--text)}
 html[data-theme=light][data-surface=customer] .workspace-preview-bar button{color:var(--accent);border-color:var(--success-border)}
 @media(max-width:1250px){.customer-header{flex-wrap:wrap;gap:10px 24px}.customer-header>.customer-logo{order:0}.customer-header>.customer-header-tools{order:1;margin-left:auto}.customer-header>nav{order:2;width:100%;justify-content:center}}
 @media(max-width:600px){.customer-header>.customer-header-tools{gap:8px;flex-wrap:wrap;max-width:100%}.customer-header-tools .customer-market select{width:112px}.customer-header-tools .theme-toggle{min-height:38px;font-size:12px;padding:7px 9px;gap:6px}.customer-header>nav{justify-content:space-between}.customer-header>.customer-logo{margin-right:auto}.customer-header{row-gap:12px}.customer-header-tools .customer-market>span{max-width:145px;overflow-wrap:anywhere}}
 @media(max-width:390px){.customer-header>.customer-header-tools{width:100%;justify-content:space-between;margin-left:0}.customer-header>.customer-header-tools .customer-market{margin-right:auto}}
}
@media screen{
 html,body{color:var(--text);background:var(--bg)}
 html[data-surface=workspace] .skip{background:var(--accent-fill);color:var(--button-ink)}
 html[data-surface=workspace] :is(select,select option,select optgroup){color-scheme:inherit;color:var(--text);background-color:var(--field)}
 html[data-surface=workspace] :is(input,textarea){background:var(--field);border-color:var(--border);color:var(--text)}
 html[data-surface=workspace] :is(input,textarea)::placeholder{color:var(--muted)}
 html[data-surface=workspace] input:is([type=checkbox],[type=radio]){accent-color:var(--accent-text)}
 html[data-surface=workspace] button:hover:not(:disabled){background-color:var(--hover);border-color:var(--border-strong)}
 html[data-surface=workspace] :is(button.primary,a.button.primary,button.success){background:var(--accent-fill);border-color:var(--accent-fill);color:var(--button-ink)}
 html[data-surface=workspace] :is(button.primary,a.button.primary,button.success):hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}
 html[data-surface=workspace] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
 html[data-surface=workspace] :is(dialog,#toast){background:var(--surface);border-color:var(--border-strong);color:var(--text)}
 html[data-surface=workspace] dialog::backdrop{background:#0008}
 html[data-surface=workspace] :is(.panel,.table-card,.model-card,.summary,.plan,.crm-lookup,.viewer-feedback){background:var(--surface);border-color:var(--border);color:var(--text)}
 html[data-surface=workspace] :is(th,.upload-preview,.crm-initial){background:var(--surface-raised);color:var(--muted)}
 html[data-surface=workspace] :is(td strong,.breadcrumb span,.workspace-breadcrumbs>span:last-child,.record-card p,.notice){color:var(--text)}
 html[data-surface=workspace] :is(td,.case-history li,.visit-events li,.insights-contact-history>div,.crm-document-row,.fitness-selection,.seller-equipment,.case-message,.case-checks,.case-files,.signature-confirmation){border-color:var(--line)}
 html[data-surface=workspace] :is(.pricing-warning,.case-warning,.renewal-warning){color:var(--attention)}
 html[data-surface=workspace] :is(.outreach-error,.crm-error,#loss-error,.error){color:var(--red)}
 html[data-surface=workspace] .notice{background:var(--surface-soft);border-color:var(--border)}
 html[data-surface=workspace] .viewer-frame{background:radial-gradient(ellipse at 50% 65%,var(--surface-raised),var(--bg) 75%)}
 html[data-surface=workspace] .seller-demo-tools>div{border-color:var(--border)}
 html[data-surface=workspace] .case-state{color:var(--muted);background:var(--surface-raised)}
 html[data-surface=workspace] .case-state.is-won{color:var(--success);background:var(--success-bg)}
 html[data-surface=workspace] .case-state.is-lost{color:var(--lost);background:var(--lost-bg)}
 html[data-surface=workspace] .work-row:hover{background:var(--hover)}
 html[data-surface=workspace] .metric{background:var(--surface);border-color:var(--line)}
 html[data-surface=workspace] .case-product>span{color:var(--muted)}
 html[data-surface=workspace] :is(.case-price-summary>div+div strong,.case-disclosure>summary){color:var(--text)}
 html[data-surface=workspace] :is(.work-owner,.workspace-menu-toggle,.workspace-breadcrumbs>span[aria-hidden]){color:var(--muted)}
 html[data-surface=workspace] .workspace-breadcrumbs a:hover{color:var(--link-hover)}
 html[data-surface=workspace] button{transition:border-color .15s}
 html[data-surface=workspace] .record-next{background:var(--surface);border-color:var(--border);border-left-color:var(--accent-text)}
 html[data-surface=workspace] .record-next[data-tone=attention]{background:var(--attention-bg);border-color:var(--attention-border);border-left-color:var(--attention)}
 html[data-surface=workspace] .record-next[data-tone=success]{background:var(--success-bg);border-color:var(--success-border);border-left-color:var(--success)}
 html[data-surface=workspace] .record-next[data-tone=lost]{background:var(--lost-bg);border-color:var(--lost-border);border-left-color:var(--lost)}
 html[data-theme=light][data-surface=workspace] :is(.seller-logo img,.footer-brand img){filter:brightness(0)}
 .workspace-topbar-actions{display:flex;gap:22px;align-items:center;flex:none}
 .workspace-app .theme-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border-color:transparent;color:var(--muted);font-size:.75rem;white-space:nowrap;padding:5px 0;min-height:32px}
 .workspace-app .theme-toggle:hover{background:transparent;color:var(--text);border-color:transparent}
 .theme-icon{display:block;width:16px;height:16px;flex:none}
 @media(max-width:600px){.workspace-topbar-actions{gap:14px}.workspace-app .theme-toggle{font-size:.75rem;gap:6px}.workspace-app .seller-topbar{flex-wrap:wrap;gap:8px 12px}.workspace-topbar-actions{margin-left:auto}}
}

@media screen{
 html[data-surface=workspace] :is(button,input,select,textarea){border-color:var(--border)}
 html[data-surface=workspace] button{font-weight:500}
 html[data-surface=workspace] :is(button.primary,a.button.primary,button.success){border-color:var(--accent-fill)}
 html[data-surface=workspace] .workspace-nav .workspace-navigation nav a[aria-current]{box-shadow:inset 4px 0 var(--accent-text);font-weight:700}
 html[data-surface=workspace] :is(.flow-tabs,.cust-tabs) a:focus-visible{outline-width:3px;outline-offset:-3px}
 html[data-surface=workspace] .alert-feedback button[aria-pressed=true]:hover{background:var(--accent-soft);border-color:var(--accent-text);color:var(--accent-text)}
 html[data-surface=workspace] .flow-today-list a{border-color:var(--border)}
 html[data-surface=workspace] .flow-today-list a:hover{background:var(--accent-soft);border-color:var(--accent-text)}
 html[data-surface=workspace] :is(.flow-outcomes button,.flow-after-call button){background:var(--field)}
 html[data-surface=workspace] :is(.flow-outcomes button,.flow-after-call button):hover{background:var(--accent-soft);border-color:var(--accent-text)}
 @media(pointer:coarse){html[data-surface=workspace] :is(button,.theme-toggle){min-height:44px}}
}

@media screen{html[data-surface="workspace"] .flow-today-list a[data-stuck]{border-left-color:var(--attention)}html[data-surface="workspace"] .flow-today-list a:not([data-stuck]){border-left-color:var(--accent-text)}html[data-surface="workspace"] .flow-link-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-text)}}