/* WB Profit editorial system. Shared by the workspace, public pages and tools. */
:root {
  --ui-bg:#f7f8f2; --ui-surface:#fff; --ui-soft:#eff3e8; --ui-line:#dfe3d9;
  --ui-ink:#18221d; --ui-copy:#485447; --ui-muted:#687263;
  --ui-accent:#406926; --ui-accent-strong:#31521d; --ui-positive:#16775e; --ui-negative:#b73754;
  --ui-radius:12px; --ui-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg:var(--ui-bg); --bg2:#edf1e7; --surface:var(--ui-surface); --surface-soft:#fafbf9;
  --ink:var(--ui-ink); --ink2:#edf1e7; --ink3:#fff; --txt:var(--ui-ink); --txt2:var(--ui-copy);
  --copy:var(--ui-copy); --muted:var(--ui-muted); --muted2:#849b80; --paper:#fff;
  --line:var(--ui-line); --line-strong:#d4dcc5; --hair:var(--ui-line); --hair2:#d4dcc5;
  --glass:#fff; --glass2:#f8f9f6; --glass3:#f3f5ee;
  --lime:var(--ui-accent); --lime-bright:#f0f3ea; --lime-deep:var(--ui-accent-strong);
  --green:var(--ui-positive); --mint:var(--ui-positive); --coral:var(--ui-negative); --amber:#94671e;
  --teal:#337f8b; --violet:#406926; --display:var(--ui-font); --body:var(--ui-font); --font:var(--ui-font);
  --p-bg:var(--ui-bg); --p-bg-2:#edf1e7; --p-surface:#fff; --p-surface-soft:#fafbf9;
  --p-ink:var(--ui-ink); --p-ink-2:#384d34; --p-muted:var(--ui-muted); --p-muted-2:#849b80;
  --p-line:var(--ui-line); --p-line-strong:#d4dcc5; --p-accent:var(--ui-accent); --p-accent-bright:#f0f3ea;
  --p-accent-deep:var(--ui-accent-strong); --p-teal:var(--ui-positive); --p-violet:#406926; --p-coral:var(--ui-negative);
  --p-shadow-sm:none; --p-shadow-md:0 6px 24px #2d3e2a08; --p-shadow-lg:0 16px 50px #2d3e2a12;
  --shadow-sm:none; --shadow-md:0 6px 24px #2d3e2a08; --shadow-lg:0 16px 50px #2d3e2a12;
  --r-card:12px; --r-btn:8px; color-scheme:light;
}
html { background:var(--ui-bg); scrollbar-color:#bbcfb7 var(--ui-bg); }
body.ui-2026 { background:var(--ui-bg); color:var(--ui-ink); font-family:var(--ui-font); font-variant-numeric:tabular-nums; text-rendering:optimizeLegibility; }
body.ui-2026 * { box-sizing:border-box; }
body.ui-2026 ::selection { color:var(--ui-ink); background:#e9ede1; }
body.ui-2026 :is(.bg-texture,.page-texture,.wbp-scroll-progress) { display:none!important; }
body.ui-2026 :is(h1,h2,h3,h4) { font-family:var(--ui-font); color:var(--ui-ink); }
body.ui-2026 :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--ui-accent); outline-offset:3px; }
body.ui-2026 :is(input,select,textarea) { accent-color:var(--ui-accent); font-family:var(--ui-font); }
body.ui-2026 :is(.btn,.button,.ue-btn,.w-btn,.nav-button,.price-cta,.dcurve-save) { border-radius:8px; font-family:var(--ui-font); font-weight:600; box-shadow:none!important; transition:background .15s,border-color .15s; }
body.ui-2026 :is(.btn,.button,.ue-btn,.w-btn,.nav-button):hover { transform:none!important; }
body.ui-2026 :is(.btn-primary,.btn-lime,.button.lime,.button.dark,.nav-button.accent,.price-cta,.me-login,.w-btn-primary,.dcurve-save) { background:var(--ui-accent)!important; color:#fff!important; border-color:var(--ui-accent)!important; box-shadow:none!important; }
body.ui-2026 :is(.btn-primary,.button.lime,.button.dark,.nav-button.accent,.w-btn-primary):hover { background:var(--ui-accent-strong)!important; }
body.ui-2026 :is(.btn-ghost,.button.outline,.nav-button.ghost,.ue-btn,.w-btn:not(.w-btn-primary)) { background:#fff!important; color:var(--ui-copy)!important; border:1px solid var(--ui-line)!important; }
body.ui-2026 :is(.btn-ghost,.button.outline,.nav-button.ghost):hover { background:var(--ui-soft)!important; }
body.ui-2026 :is(.btn,.button)::before { box-shadow:none!important; }
body.ui-2026 :is(.card,.calc-card,.wizard-card,.modal,.price-card,.plan-card,.feature-card,.news-card,.sitemap-col,.calc) { border-color:var(--ui-line)!important; border-radius:var(--ui-radius); background:#fff; box-shadow:none!important; }
body.ui-2026 :is(.eyebrow,.overline,.calc-breakdown-title) { color:var(--ui-muted); font-family:var(--ui-font); font-size:11px; font-weight:600; letter-spacing:.07em; line-height:1.5; }
body.ui-2026 :is(.kpi,.stat,.calc-kpi) { background:#fff; border-color:var(--ui-line); border-radius:8px; box-shadow:none; }
body.ui-2026 :is(.chip,.badge,.tag,.pill) { border-color:var(--ui-line); color:var(--ui-copy); background:var(--ui-soft); box-shadow:none; }
body.ui-2026 :is(.positive,.good,.pos) { color:var(--ui-positive); }
body.ui-2026 :is(.negative,.bad,.neg) { color:var(--ui-negative); }
body.ui-2026 .ui-table-scroll { overflow-x:auto; max-width:100%; scrollbar-width:thin; border:1px solid var(--ui-line); border-radius:8px; }
body.ui-2026 :is(table,.ue-table,.calc-margin-table) { border-collapse:separate; border-spacing:0; font-family:var(--ui-font); font-size:13px; line-height:1.45; font-variant-numeric:tabular-nums; box-shadow:none; }
body.ui-2026 :is(table,.ue-table) :is(th,td) { font-family:var(--ui-font); padding:11px 13px; border-color:var(--ui-line); letter-spacing:normal; }
body.ui-2026 :is(table,.ue-table) thead th { background:#f3f5ee!important; color:#5e7c58!important; font-size:11px; font-weight:600; text-transform:none; vertical-align:middle; }
body.ui-2026 :is(table,.ue-table) tbody td { background:#fff; color:var(--ui-copy); }
body.ui-2026 :is(table,.ue-table) tbody tr:nth-child(even) td { background:#fdfdfc; }
body.ui-2026 :is(table,.ue-table) tbody tr:hover td { background:#f6f8f3; }
body.ui-2026 :is(table,.ue-table) tfoot :is(th,td) { color:var(--ui-ink); background:#f4f6ef; font-weight:700; }
body.ui-2026 .ue-table :is(.c-name,.c-sku,.grp) { border-color:var(--ui-line); }
body.ui-2026 .ue-table .c-name { min-width:190px; max-width:290px; }
body.ui-2026 .ue-table .c-name b { font-size:13px; font-weight:650; }
body.ui-2026 .ue-scroll { border:1px solid var(--ui-line); border-radius:8px; scrollbar-width:thin; }
body.ui-2026 .ue-note { color:var(--ui-muted); font-size:12px; line-height:1.6; }
body.ui-2026 :is(.ue-toolbar,.ue-count) { color:var(--ui-muted); font-size:12px; }
body.ui-2026 :is(.ue-seg,.report-metric-toggle,.calc-mode-toggle) { border:1px solid var(--ui-line); background:var(--ui-soft); border-radius:7px; box-shadow:none; }
body.ui-2026 :is(.ue-seg,.report-metric-toggle,.calc-mode-toggle) button { font:600 12px var(--ui-font); color:var(--ui-muted); border-radius:5px; }
body.ui-2026 :is(.ue-seg,.report-metric-toggle,.calc-mode-toggle) button.active { background:var(--ui-accent); color:#fff; box-shadow:none; }
body.ui-2026 :is(.field input,.field select,.field textarea,.w-input,.calc-input-wrap,.calc-select) { border:1px solid #dde3d1!important; border-radius:8px!important; color:var(--ui-ink)!important; background:#fff!important; box-shadow:none!important; min-height:42px; }
body.ui-2026 :is(.field input,.field select,.field textarea,.w-input,.calc-select) { font-size:14px; font-weight:500; padding:10px 12px; }
body.ui-2026 .calc-input-wrap .calc-input { border:0!important; box-shadow:none!important; min-width:0; background:transparent!important; font-size:15px; font-weight:600; }
body.ui-2026 :is(.field label,.calc-field label,.w-field label) { color:var(--ui-copy); font:500 12px/1.5 var(--ui-font); letter-spacing:normal; text-transform:none; }
body.ui-2026 :is(.help,.calc-hint,.w-hint,.dcurve-note) { color:var(--ui-muted); font:400 12px/1.6 var(--ui-font); }
body.ui-2026 :is(.field input,.field select,.w-input,.calc-input-wrap,.calc-select):focus-within { border-color:var(--ui-accent)!important; box-shadow:0 0 0 3px #40692612!important; }
body.ui-2026 :is(.dropzone,.w-dropzone) { border:1px dashed #abc4a6!important; border-radius:10px; background:#fbfcf9!important; box-shadow:none!important; }
body.ui-2026 :is(.dropzone,.w-dropzone):hover { background:#f4f6ef!important; border-color:var(--ui-accent)!important; }
body.ui-2026 :is(.dropzone .ico,.dropzone-ico) { color:var(--ui-accent)!important; background:#f0f3ea!important; border:0!important; box-shadow:none!important; border-radius:10px; }
body.ui-2026 .dropzone h3 { font-weight:650; color:var(--ui-ink); }
body.ui-2026 .dropzone p { color:var(--ui-muted); }
body.ui-2026 :is(.modal-overlay,.wizard-overlay) { background:rgba(32,23,44,.44); backdrop-filter:blur(4px); }
body.ui-2026 :is(.modal,.wizard-card) { box-shadow:0 20px 70px #212e1f26!important; }
body.ui-2026 :is(.wizard-head,.modal-header) { border-color:var(--ui-line); }
body.ui-2026 :is(.wizard-title,.modal-title) { color:var(--ui-ink); font-weight:700; letter-spacing:-.025em; }
body.ui-2026 :is(.wizard-sub,.modal p,.modal-howto-body) { color:var(--ui-muted); line-height:1.65; }
body.ui-2026 :is(.modal-howto,.wizard-hint,.w-option,.w-sku-row) { background:#fafbf9; border-color:var(--ui-line); border-radius:8px; }
body.ui-2026 :is(.wizard-close,.modal-close) { border-color:var(--ui-line); color:var(--ui-copy); background:var(--ui-soft); box-shadow:none; }
body.ui-2026 .toast { background:#fff!important; color:var(--ui-positive); border:1px solid #b9d7cd; box-shadow:0 8px 24px #24322215!important; border-radius:9px; }
body.ui-2026 .toast.err { color:var(--ui-negative); border-color:#e8bfd0; }
/* Workspace shell and every working page. */
body.ui-2026.premium-dashboard .sidebar { background:#fff!important; border-right:1px solid var(--ui-line)!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard :is(.brand .name,.mobile-bar .mb-title) { color:var(--ui-ink)!important; }
body.ui-2026.premium-dashboard :is(.brand .sub,.sidebar-foot p,.navgroup,.workspace-switcher-label,.workspace-help,.contour-nav-title small) { color:var(--ui-muted)!important; }
body.ui-2026 :is(.brand .mark,.footer-brand .mark,.mobile-bar .mb-mark,.seo-public .mark) { background:#f0f3eb url('/assets/ui-profit-mark.svg') center/100% 100% no-repeat!important; box-shadow:none!important; border-radius:8px!important; }
body.ui-2026 :is(.brand .name span,.brand-name span,.mobile-bar .mb-title span) { color:var(--ui-accent)!important; }
body.ui-2026.premium-dashboard .me-card { background:#f9faf7!important; border:1px solid var(--ui-line)!important; box-shadow:none!important; border-radius:9px; }
body.ui-2026.premium-dashboard :is(.me-name,.me-mini-name) { color:var(--ui-ink)!important; }
body.ui-2026.premium-dashboard :is(.me-sub,.me-out) { color:var(--ui-muted)!important; }
body.ui-2026.premium-dashboard .me-ava { background:#e9ede1!important; color:var(--ui-accent-strong)!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard .workspace-switcher { background:transparent!important; border:0!important; padding:8px 0 10px; }
body.ui-2026.premium-dashboard .workspace-choice { border:1px solid transparent!important; background:transparent!important; color:var(--ui-copy)!important; border-radius:8px; padding:10px!important; }
body.ui-2026.premium-dashboard .workspace-choice[aria-pressed="true"] { border-color:#e1e7d6!important; background:#f3f5ef!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard .workspace-choice-copy strong { color:var(--ui-ink)!important; font-size:12px!important; font-weight:650; }
body.ui-2026.premium-dashboard .workspace-choice-copy small { color:var(--ui-muted)!important; font-size:10px!important; }
body.ui-2026.premium-dashboard .workspace-choice-state { color:var(--ui-muted)!important; font-size:9px!important; }
body.ui-2026.premium-dashboard :is(.workspace-choice-icon,.navitem .ico,.navcat-btn .ico) { color:var(--ui-accent)!important; background:transparent!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard :is(.navitem,.navcat-btn) { color:var(--ui-copy)!important; font-size:12px!important; border:1px solid transparent!important; border-radius:8px!important; line-height:1.4; padding:10px!important; }
body.ui-2026.premium-dashboard :is(.navitem,.navcat-btn):hover { color:var(--ui-ink)!important; background:#fafbf9!important; }
body.ui-2026.premium-dashboard :is(.navitem,.navcat-btn).active { color:var(--ui-accent-strong)!important; background:#eff2ea!important; border-color:#e3e8da!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard :is(.navitem,.navcat-btn).active::before { background:var(--ui-accent)!important; }
body.ui-2026.premium-dashboard .sidebar-foot { border-color:var(--ui-line); }
body.ui-2026.premium-dashboard .tg-link { color:var(--ui-copy)!important; background:#f9faf6!important; border:1px solid var(--ui-line)!important; }
body.ui-2026.premium-dashboard .main { padding:28px 30px 70px; }
body.ui-2026.premium-dashboard .mobile-bar { background:var(--ui-bg)!important; border-color:var(--ui-line)!important; }
body.ui-2026.premium-dashboard .burger { background:#fff!important; border-color:var(--ui-line)!important; color:var(--ui-ink)!important; }
body.ui-2026.premium-dashboard .topbar:not(.wb-topbar-period) { background:transparent!important; border:0!important; border-bottom:1px solid #d7dec9!important; border-radius:0!important; padding:0 0 23px!important; margin:0 0 25px!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard .topbar h1 { font-size:clamp(26px,3vw,36px)!important; line-height:1.2!important; letter-spacing:-.04em; font-weight:700!important; color:var(--ui-ink)!important; }
body.ui-2026.premium-dashboard .greet { max-width:820px; color:var(--ui-muted)!important; font-size:13px!important; line-height:1.65!important; }
body.ui-2026.premium-dashboard :is(.card,.calc-card) { border:1px solid var(--ui-line); border-radius:12px; padding:22px; }
body.ui-2026.premium-dashboard .card::before { box-shadow:none!important; }
body.ui-2026.premium-dashboard .grid { gap:18px; }
body.ui-2026.premium-dashboard :is(.workspace-switch,.pbuttons) { background:#f6f7f2!important; border-color:var(--ui-line)!important; }
body.ui-2026.premium-dashboard .workspace-switch button { color:var(--ui-muted)!important; }
body.ui-2026.premium-dashboard .workspace-switch button[aria-pressed="true"] { background:var(--ui-accent)!important; color:#fff!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard :is(.pbtn.active,.wb-calendar-toggle[aria-expanded="true"]) { background:var(--ui-accent)!important; border-color:var(--ui-accent)!important; color:#fff!important; }
body.ui-2026.premium-dashboard :is(.wb-cal,.wb-calendar,.wb-cal-wrap) { border-color:var(--ui-line); background:#fff; color:var(--ui-copy); }
body.ui-2026.premium-dashboard .wb-scope { color:var(--ui-copy); }
body.ui-2026.premium-dashboard :is(.empty,.empty-state,.locked,.paywall) { color:var(--ui-muted); border-color:var(--ui-line); background:#fafbf9; box-shadow:none; }
body.ui-2026.premium-dashboard :is(.empty h3,.empty-state h3,.locked h3) { color:var(--ui-ink); }
body.ui-2026.premium-dashboard :is(.seller-card,.cabinet-brand,.cabinet-brand-card,.w-option) { background:#fff!important; border-color:var(--ui-line)!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard :is(.report-focus-bar,.cost-banner,#trialBadge) { background:#f2f4ed!important; border-color:#e2e7d7!important; color:var(--ui-copy)!important; border-radius:9px; }
body.ui-2026.premium-dashboard .up-steps { gap:1px; border:1px solid var(--ui-line); border-radius:10px; overflow:hidden; background:var(--ui-line); }
body.ui-2026.premium-dashboard .up-step { background:#fbfcf9; border:0; border-radius:0; padding:15px; }
body.ui-2026.premium-dashboard .up-step b { font-weight:650; color:var(--ui-ink); }
body.ui-2026.premium-dashboard .up-step small { font-size:11px; color:var(--ui-muted); }
body.ui-2026.premium-dashboard :is(.up-step-no,.up-step-state) { background:#eff2e9; color:var(--ui-accent); border-color:#e2e7d8; }
body.ui-2026.premium-dashboard .up-step.done { background:#f4faf7; }
body.ui-2026.premium-dashboard .up-step.done .up-step-state { color:var(--ui-positive); background:#e5f3ed; }
body.ui-2026.premium-dashboard .calc-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:22px; align-items:start; }
body.ui-2026.premium-dashboard .calc-results { position:sticky; top:22px; }
body.ui-2026.premium-dashboard .calc-card h3 { font-size:16px; font-weight:650; color:var(--ui-ink); margin-bottom:18px; }
body.ui-2026.premium-dashboard .calc-hero-profit { background:#f3f5ee!important; border:1px solid #e2e7d8!important; border-radius:9px; padding:18px; }
body.ui-2026.premium-dashboard .calc-hero-profit .val { font-size:36px; font-weight:750; letter-spacing:-1px; }
body.ui-2026.premium-dashboard .calc-hero-profit .lbl { color:var(--ui-copy); font-size:12px; }
body.ui-2026.premium-dashboard .calc-kpis { gap:1px; border:1px solid var(--ui-line); border-radius:8px; background:var(--ui-line); overflow:hidden; }
body.ui-2026.premium-dashboard .calc-kpi { border:0; border-radius:0; padding:13px; }
body.ui-2026.premium-dashboard .calc-kpi .v { color:var(--ui-ink); font-size:21px; }
body.ui-2026.premium-dashboard .calc-kpi .l { font-size:11px; color:var(--ui-muted); }
body.ui-2026.premium-dashboard .calc-breakdown-title { padding-top:16px; margin-top:13px; border-top:1px solid var(--ui-line); }
body.ui-2026.premium-dashboard .calc-line { border-color:var(--ui-line); padding:9px 0; color:var(--ui-copy); font-size:13px; }
body.ui-2026.premium-dashboard .calc-line.total { background:#f6f7f2; padding:10px; color:var(--ui-ink); }
body.ui-2026.premium-dashboard .dcurve-badge { color:var(--ui-accent); background:#f2f4ed; border-color:#e1e7d6; box-shadow:none; }
body.ui-2026.premium-dashboard input[type="range"] { accent-color:var(--ui-accent); }
/* Every remaining Chart.js panel gets the same exact-value view. */
.ui-chart-tools { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin:10px 0; }
.ui-chart-tools button,.ui-chart-tools select { font:500 11px/1.3 var(--ui-font); color:var(--ui-copy); background:#fff; border:1px solid var(--ui-line); border-radius:6px; padding:7px 10px; min-height:32px; max-width:100%; }
.ui-chart-tools button[aria-expanded="true"] { background:var(--ui-soft); color:var(--ui-accent); border-color:#c2d4bf; }
.ui-chart-values { margin:10px 0; max-height:310px; overflow:auto; border:1px solid var(--ui-line); border-radius:8px; font-size:12px; }
.ui-chart-values[hidden] { display:none; }
.ui-chart-values table { min-width:100%; margin:0!important; border:0!important; width:max-content; }
.ui-chart-values th:first-child { text-align:left; position:sticky; left:0; background:#fff; }
.ui-chart-values td { text-align:right; white-space:nowrap; }
.ui-chart-values thead { position:sticky; top:0; z-index:2; }
.ui-chart-values caption { text-align:left; padding:10px 12px; color:var(--ui-muted); background:#fbfcf9; font-size:11px; }
/* Public home. Existing navigation and account flows retain their contracts. */
body.ui-2026.public-home { --ink:var(--ui-ink); --muted:var(--ui-muted); --bg:var(--ui-bg); --line:var(--ui-line); }
body.ui-2026.public-home .site-header { height:78px; background:rgba(247,245,250,.96); border-color:var(--ui-line); backdrop-filter:blur(12px); }
body.ui-2026.public-home .shell { width:min(1280px,calc(100% - 96px)); }
body.ui-2026.public-home .brand { color:var(--ui-ink); }
body.ui-2026.public-home .brand b { color:var(--ui-accent); }
body.ui-2026.public-home .brand-symbol i { background:#7fa577; }
body.ui-2026.public-home .brand-symbol i:last-child { background:#31521d; }
body.ui-2026.public-home .desktop-nav { font-size:13px; color:var(--ui-copy); }
body.ui-2026.public-home .text-btn { font-size:13px; color:var(--ui-copy); }
body.ui-2026.public-home .button { min-height:46px; padding:13px 18px; font-size:13px; }
body.ui-2026.public-home .button.small { min-height:40px; padding:10px 14px; font-size:12px; }
body.ui-2026.public-home .hero { min-height:660px; gap:42px; padding-block:64px; }
body.ui-2026.public-home .hero h1 { font-weight:650; letter-spacing:-.055em; font-size:clamp(40px,4.5vw,65px); white-space:normal; }
body.ui-2026.public-home :is(.word-profit,.serif) { color:var(--ui-accent); }
body.ui-2026.public-home .serif { font-family:var(--ui-font); font-style:normal; font-weight:600; }
body.ui-2026.public-home .word-profit svg { stroke:#b9ceb5; }
body.ui-2026.public-home .orbit { display:none; }
body.ui-2026.public-home .dashboard { transform:none!important; border:1px solid #dce3d0; border-radius:12px; box-shadow:0 12px 36px #3e563a0a; }
body.ui-2026.public-home :is(.dashboard-header,.dashboard-footer,.breakdown,.hero-caption,.value-strip,.sku-preview>div) { border-color:var(--ui-line); }
body.ui-2026.public-home :is(.mini-mark,.dashboard-footer a,.hero-caption strong,.hero-proof,.file-icon,.value-strip,.value-strip strong) { color:var(--ui-copy); }
body.ui-2026.public-home :is(.demo-label,.periods button.active,.dashboard-kpis .profit-kpi) { color:var(--ui-accent-strong); background:#f1f4ec; }
body.ui-2026.public-home .dashboard-kpis { gap:1px; border:1px solid var(--ui-line); border-radius:7px; overflow:hidden; background:var(--ui-line); grid-template-columns:1.2fr 1fr .8fr; }
body.ui-2026.public-home .dashboard-kpis>div { padding:13px 10px; margin:0; background:#fafbf9; border-radius:0; }
body.ui-2026.public-home .dashboard-kpis strong { font-size:20px; }
body.ui-2026.public-home .dashboard-kpis :is(span,p) { color:var(--ui-muted); }
body.ui-2026.public-home :is(.dashboard-kpis em,.live-status,.live-status i,.status-dot) { color:var(--ui-positive); }
body.ui-2026.public-home .status-dot { background:#87ab80; box-shadow:0 0 0 4px #eff2ea; }
body.ui-2026.public-home .chart-line { stroke:#79a071; }
body.ui-2026.public-home #chartFill stop { stop-color:#c1d3bd; }
body.ui-2026.public-home .chart-tip { color:#fff; background:var(--ui-accent); box-shadow:none; }
body.ui-2026.public-home :is(.chart-heading>span,.chart-dates,.expense-legend,.dashboard-footer,.overline,.visual-caption) { color:var(--ui-muted); }
body.ui-2026.public-home .chart-heading i { background:var(--ui-accent); }
body.ui-2026.public-home .chart-guides span { color:var(--ui-muted); background:linear-gradient(#eaeee3,#eaeee3) 0 50% / calc(100% - 43px) 1px no-repeat; }
body.ui-2026.public-home .expense-bar i:nth-child(1) { background:#52724c; }
body.ui-2026.public-home .expense-bar i:nth-child(2) { background:#8eaf87; }
body.ui-2026.public-home .expense-bar i:nth-child(3) { background:#b8cdb3; }
body.ui-2026.public-home .expense-bar i:nth-child(4) { background:#e6eadd; }
body.ui-2026.public-home .expense-bar i:nth-child(5) { background:#63a88c; }
body.ui-2026.public-home .insight-float { background:#fbfcf9; color:var(--ui-ink); border-color:#dde3d0; box-shadow:0 8px 26px #3e563a12; border-radius:9px; }
body.ui-2026.public-home :is(.insight-float div>span,.insight-float p) { color:var(--ui-muted); }
body.ui-2026.public-home :is(.insight-icon,.insight-arrow) { color:var(--ui-accent); background:#eef1e8; }
body.ui-2026.public-home .section { padding-block:76px; }
body.ui-2026.public-home :is(.section-heading h2,.faq-intro h2) { font-size:38px; line-height:1.17; font-weight:600; letter-spacing:-.045em; }
body.ui-2026.public-home .section-heading { margin-bottom:30px; }
body.ui-2026.public-home :is(.section-heading>p,.pricing-intro>p,.feature-card>p,.workflow-steps p,.plan-card>p) { font-size:13px; color:var(--ui-muted); line-height:1.75; }
body.ui-2026.public-home .feature-card { padding:24px; border-radius:12px; }
body.ui-2026.public-home .feature-card:hover { transform:none; border-color:#c2d4bf; }
body.ui-2026.public-home .feature-card h3 { font-size:23px; font-weight:650; }
body.ui-2026.public-home :is(.feature-icon,.sku-thumb,.feature-card .tag) { color:var(--ui-accent); background:#f1f3ec; }
body.ui-2026.public-home .signal-feature { background:#f4f6f0; }
body.ui-2026.public-home :is(.pnl-preview,.signal-preview) { background:#fcfcfb; border-color:var(--ui-line); }
body.ui-2026.public-home :is(.pnl-preview>div,.example-note,.signal-preview,.signal-preview small,.feature-more) { color:var(--ui-muted); }
body.ui-2026.public-home .pnl-preview b,.signal-preview strong { color:var(--ui-ink); }
body.ui-2026.public-home .pnl-total b,.sku-preview b { color:var(--ui-positive); }
body.ui-2026.public-home .sku-preview b.negative { color:var(--ui-negative); }
body.ui-2026.public-home .workflow-section { background:#f2f4ed; color:var(--ui-ink); padding-top:60px; border-block:1px solid #e3e8da; }
body.ui-2026.public-home .workflow-intro h2 { font-size:43px; font-weight:600; }
body.ui-2026.public-home .workflow-intro h2>span { color:var(--ui-accent); }
body.ui-2026.public-home :is(.workflow-intro .eyebrow,.workflow-intro p,.workflow-note,.step-label,.api-callout p) { color:var(--ui-muted); }
body.ui-2026.public-home :is(.step-number,.api-icon) { color:var(--ui-accent); font-family:var(--ui-font); font-style:normal; }
body.ui-2026.public-home :is(.workflow-steps article,.api-callout) { border-color:#dce2cf; }
body.ui-2026.public-home .workflow-steps h3 { color:var(--ui-ink); font-size:18px; font-weight:650; }
body.ui-2026.public-home :is(.api-callout button,.file-chip) { color:var(--ui-accent-strong); background:#fff; border-color:#d4dcc4; }
body.ui-2026.public-home .billing-switch { background:#f2f4ed; border-color:var(--ui-line); }
body.ui-2026.public-home .billing-switch button { color:var(--ui-muted); }
body.ui-2026.public-home .billing-switch button.active { background:var(--ui-accent); color:#fff; box-shadow:none; }
body.ui-2026.public-home .billing-switch span { background:#eaeee2; color:var(--ui-accent-strong); }
body.ui-2026.public-home .plan-card { padding:30px; }
body.ui-2026.public-home .plan-card h3 { font-weight:650; }
body.ui-2026.public-home .full-plan { background:#f4f6f0; border-color:#c5d6c2!important; }
body.ui-2026.public-home :is(.plan-badge,.full-plan .tag) { background:#eef2e9; color:var(--ui-accent-strong); }
body.ui-2026.public-home .checklist { color:var(--ui-copy); font-size:13px; }
body.ui-2026.public-home .checklist li::before { color:var(--ui-positive); }
body.ui-2026.public-home .faq-stack details { border-color:var(--ui-line); }
body.ui-2026.public-home .faq-stack summary { font-size:16px; font-weight:600; }
body.ui-2026.public-home :is(.faq-stack p,.faq-intro p) { font-size:13px; color:var(--ui-muted); }
body.ui-2026.public-home :is(.knowledge,.closing) { background:#f1f4ec; color:var(--ui-ink); border-color:var(--ui-line); border-radius:12px; }
body.ui-2026.public-home :is(.knowledge h2,.closing h2) { color:var(--ui-ink); font-weight:600; }
body.ui-2026.public-home :is(.resource,.knowledge a,.closing p,.closing-note) { color:var(--ui-copy); border-color:#dce2cf; }
body.ui-2026.public-home .resource { background:#fff; border-radius:9px; }
body.ui-2026.public-home .resource h3 { color:var(--ui-ink); }
body.ui-2026.public-home .closing-art i { background:#dbe1ce; border-color:#c4d5c0; }
body.ui-2026.public-home .closing-art span { color:var(--ui-accent); }
body.ui-2026.public-home :is(.footer,.footer-nav,.footer-bottom) { border-color:var(--ui-line); }
body.ui-2026.public-home :is(.footer p,.footer-nav a,.footer-bottom,.footer-top>a:not(.brand)) { color:var(--ui-muted); }
body.ui-2026.public-home .nav-mobile { background:#fff; border-color:var(--ui-line); box-shadow:0 10px 30px #374c3315; }
/* Guides, dictionary, comparisons, news, public calculators, sitemap and 404. */
body.ui-2026.seo-public { --ink2:var(--ui-copy); font-size:16px; line-height:1.75; }
body.ui-2026.seo-public>header { position:sticky; top:0; left:0; transform:none; width:100%; height:78px; border:0; border-bottom:1px solid var(--ui-line); border-radius:0; background:rgba(247,245,250,.97); box-shadow:none; }
body.ui-2026.seo-public>header .bar { max-width:1328px; margin:auto; padding:0 24px; }
body.ui-2026.seo-public .mark { background:#eff2e9 url('/assets/ui-profit-mark.svg') center/100% no-repeat; box-shadow:none; }
body.ui-2026.seo-public .brand-name { font-size:16px; }
body.ui-2026.seo-public .brand-name span { color:var(--ui-accent); }
body.ui-2026.seo-public .primary-nav a { color:var(--ui-copy); font-size:13px; }
body.ui-2026.seo-public main { padding:48px 0 76px; max-width:1240px; }
body.ui-2026.seo-public .crumbs { font:400 12px/1.6 var(--ui-font); text-transform:none; letter-spacing:0; margin-bottom:24px; }
body.ui-2026.seo-public .eyebrow { background:#f1f3ec; border:0; border-radius:5px; color:var(--ui-accent); font:600 11px/1.3 var(--ui-font); letter-spacing:.06em; }
body.ui-2026.seo-public .eyebrow::before { display:none; }
body.ui-2026.seo-public h1 { font-size:clamp(32px,4.4vw,55px); font-weight:650; line-height:1.13; letter-spacing:-.045em; max-width:1050px; }
body.ui-2026.seo-public h2 { font-size:clamp(25px,3vw,34px); font-weight:650; line-height:1.25; letter-spacing:-.03em; margin-top:48px; }
body.ui-2026.seo-public h3 { font-size:21px; font-weight:600; }
body.ui-2026.seo-public .lead { color:var(--ui-copy); font-size:19px; line-height:1.7; }
body.ui-2026.seo-public .meta { font:400 12px var(--ui-font); color:var(--ui-muted); }
body.ui-2026.seo-public .answer { background:#f1f4ec; color:var(--ui-copy); border:1px solid #e2e7d8; border-radius:10px; box-shadow:none; padding:24px; }
body.ui-2026.seo-public .answer strong { font:650 12px var(--ui-font); color:var(--ui-accent); letter-spacing:.04em; }
body.ui-2026.seo-public li::marker { color:var(--ui-accent); }
body.ui-2026.seo-public .formula { background:#f7f8f4; border-color:var(--ui-line); border-left-color:#86a97f; font:500 15px/1.65 var(--ui-font); border-radius:0 8px 8px 0; }
body.ui-2026.seo-public :is(table,.table-wrap) { border-radius:8px; box-shadow:none; }
body.ui-2026.seo-public .calc { padding:24px; border-radius:12px; }
body.ui-2026.seo-public .calc label { font:500 12px var(--ui-font); color:var(--ui-copy); text-transform:none; letter-spacing:normal; }
body.ui-2026.seo-public .calc input { border:1px solid #dde3d1; border-radius:8px; min-height:44px; font-size:15px; }
body.ui-2026.seo-public .calc input:focus { box-shadow:0 0 0 3px #40692612; border-color:var(--ui-accent); }
body.ui-2026.seo-public .calc .out { border-color:var(--ui-line); gap:1px; background:var(--ui-line); border:1px solid var(--ui-line); border-radius:9px; overflow:hidden; padding:0; }
body.ui-2026.seo-public .calc .out div { padding:16px; border:0; border-radius:0; background:#fafbf8; }
body.ui-2026.seo-public .calc .out output { color:var(--ui-accent-strong); font:700 26px var(--ui-font); }
body.ui-2026.seo-public .cta { background:#f1f4ec; color:var(--ui-copy); border:1px solid #e1e6d6; box-shadow:none; border-radius:12px; }
body.ui-2026.seo-public .cta h2 { color:var(--ui-ink); margin-top:0; }
body.ui-2026.seo-public .cta p { color:var(--ui-copy); }
body.ui-2026.seo-public .button { color:#fff; background:var(--ui-accent); border-color:var(--ui-accent); }
body.ui-2026.seo-public .card { font-size:17px; font-weight:600; padding:24px 54px 24px 24px; border-radius:10px; }
body.ui-2026.seo-public .card::after { color:var(--ui-accent); background:#f4f6ef; border:0; }
body.ui-2026.seo-public .card:hover { transform:none; border-color:#c2d4bf; box-shadow:none; }
body.ui-2026.seo-public .faq summary::marker { color:var(--ui-accent); }
body.ui-2026.seo-public :is(.news-card,.news-cover img) { border-radius:12px; box-shadow:none; }
body.ui-2026.seo-public .news-card-image { background:#f2f4ed; }
body.ui-2026.seo-public .news-card-copy h2 { margin-top:8px; font-size:29px; }
body.ui-2026.seo-public :is(.news-kicker,.news-sources li span) { font-family:var(--ui-font); color:var(--ui-muted); }
body.ui-2026.seo-public .text-link { color:var(--ui-accent); }
body.ui-2026.seo-public .seller-actions { background:#f6f8f3; border-color:var(--ui-line); border-radius:10px; }
body.ui-2026.seo-public .seller-actions h2 { margin-top:0; }
body.ui-2026.seo-public .sitemap-col { border-radius:10px; }
body.ui-2026.seo-public .sitemap-col h2 { margin-top:0; }
body.ui-2026.seo-public footer { background:#edf1e7; color:var(--ui-copy); border-color:var(--ui-line); }
body.ui-2026.seo-public footer :is(.footer-brand,.footer-nav a,.footer-bottom,.footer-bottom a) { color:var(--ui-copy); border-color:#dce2cf; }
body.ui-2026.seo-public .mobile-menu nav { background:#fff; border-color:var(--ui-line); box-shadow:0 10px 30px #374c3315; }
body.ui-2026.seo-public .mobile-menu[open] summary { background:#f1f3ec; border-color:#d9e0cb; }
/* Readable phones, compact tablets, and reduced-motion preferences. */
@media(max-width:1100px) {
  body.ui-2026.premium-dashboard .calc-grid { grid-template-columns:1fr 1fr; }
  body.ui-2026.public-home .shell { width:calc(100% - 48px); }
  body.ui-2026.public-home .hero { gap:24px; }
  body.ui-2026.public-home .hero h1 { font-size:44px; }
  body.ui-2026.public-home .dashboard-kpis strong { font-size:17px; }
}
@media(max-width:760px) {
  body.ui-2026.premium-dashboard .main { padding:14px 12px 42px!important; }
  body.ui-2026.premium-dashboard :is(.card,.calc-card) { padding:16px; }
  body.ui-2026.premium-dashboard .grid { gap:12px; }
  body.ui-2026.premium-dashboard .calc-grid { grid-template-columns:1fr; }
  body.ui-2026.premium-dashboard .calc-results { position:static; }
  body.ui-2026.premium-dashboard .topbar h1 { font-size:27px!important; }
  body.ui-2026.premium-dashboard .ue-table :is(th,td) { padding:10px; }
  body.ui-2026.premium-dashboard .ue-table .c-name { min-width:155px; max-width:180px; }
  body.ui-2026.public-home .shell { width:calc(100% - 32px); }
  body.ui-2026.public-home .site-header { height:68px; }
  body.ui-2026.public-home .hero { grid-template-columns:1fr; gap:36px; padding-block:40px 52px; }
  body.ui-2026.public-home .hero h1 { font-size:43px; }
  body.ui-2026.public-home .hero-description { font-size:15px; }
  body.ui-2026.public-home .dashboard { max-width:580px; margin:auto; }
  body.ui-2026.public-home .hero-visual { padding-bottom:42px; }
  body.ui-2026.public-home .insight-float { right:0; bottom:0; }
  body.ui-2026.public-home .visual-caption { bottom:-22px; left:0; }
  body.ui-2026.public-home .section { padding-block:48px; }
  body.ui-2026.public-home :is(.section-heading h2,.faq-intro h2) { font-size:31px; }
  body.ui-2026.public-home .feature-grid { grid-template-columns:1fr; }
  body.ui-2026.public-home .feature-card>p { min-height:0; }
  body.ui-2026.public-home .workflow-inner { grid-template-columns:1fr; gap:26px; }
  body.ui-2026.public-home .workflow-intro h2 { font-size:35px; }
  body.ui-2026.public-home .plans-grid { grid-template-columns:1fr; }
  body.ui-2026.public-home .plan-card { padding:24px; }
  body.ui-2026.seo-public>header { height:68px; }
  body.ui-2026.seo-public>header .bar { padding-inline:16px; }
  body.ui-2026.seo-public main { width:calc(100% - 32px); padding:30px 0 54px; }
  body.ui-2026.seo-public h1 { font-size:35px; }
  body.ui-2026.seo-public .lead { font-size:17px; }
  body.ui-2026.seo-public .answer { padding:20px; }
  body.ui-2026.seo-public .calc { padding:18px; }
  body.ui-2026.seo-public .mobile-menu nav { top:68px; }
  body.ui-2026 :is(.modal,.wizard-card) { padding:22px 18px; border-radius:12px; }
  .ui-chart-tools { justify-content:flex-start; }
}
@media(prefers-reduced-motion:reduce) {
  body.ui-2026 *,body.ui-2026 *::before,body.ui-2026 *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
/* Keep legacy shell accents and decorative labels within the shared system. */
body.ui-2026.premium-dashboard :is(.brand .mark,.mobile-bar .mb-mark)::before,
body.ui-2026.premium-dashboard :is(.brand .mark,.mobile-bar .mb-mark)::after,
body.ui-2026.seo-public .mark::before { display:none!important; }
body.ui-2026.premium-dashboard .workspace-primary-action { background:var(--ui-accent)!important; border-color:var(--ui-accent)!important; color:#fff!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard .workspace-primary-action:hover { transform:none; background:var(--ui-accent-strong)!important; }
body.ui-2026.premium-dashboard .workspace-inline-switch { background:var(--ui-soft)!important; border-color:var(--ui-line)!important; }
body.ui-2026.premium-dashboard .workspace-inline-switch button[aria-pressed="true"] { background:var(--ui-accent)!important; color:#fff!important; box-shadow:none!important; }
body.ui-2026.premium-dashboard .up-step { display:grid; grid-template-columns:24px minmax(0,1fr); gap:8px; align-content:start; }
body.ui-2026.premium-dashboard .up-step-state { grid-column:2; justify-self:start; padding:3px 6px; border-radius:4px; font-size:9px; }
body.ui-2026.premium-dashboard .up-step small { margin-top:6px; line-height:1.6; }
body.ui-2026.premium-dashboard .report-visual-head>div>span { display:none; }
body.ui-2026 :is(.modal a,.help a,.card p a) { color:var(--ui-accent); }
body.ui-2026.premium-dashboard .premium-section-context>span:first-child,
body.ui-2026.premium-dashboard .premium-section-hero::after { display:none!important; }
body.ui-2026.premium-dashboard .premium-section-hero { display:block!important; min-height:0!important; padding:0 0 22px!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; box-shadow:none!important; border-radius:0!important; }
body.ui-2026.premium-dashboard .premium-section-hero::before { display:none!important; }
body.ui-2026.premium-dashboard .premium-section-context { position:static; margin-top:10px; color:var(--ui-muted); }
body.ui-2026.premium-dashboard .premium-report-visual { background:#fff!important; padding:22px; border:1px solid var(--ui-line)!important; border-radius:12px; box-shadow:none!important; }
body.ui-2026.premium-dashboard .report-visual-head h3 { color:var(--ui-ink); font:650 18px/1.3 var(--ui-font); letter-spacing:-.02em; }
body.ui-2026.premium-dashboard .report-visual-head p { color:var(--ui-muted); font-size:12px; }
body.ui-2026.premium-dashboard :is(.composition-legend,.allocation-legend)>div { background:#fafbf9; border-color:var(--ui-line); padding:12px; }
body.ui-2026.premium-dashboard :is(.composition-legend,.allocation-legend) strong { color:var(--ui-ink); font:650 15px var(--ui-font); }
body.ui-2026.premium-dashboard :is(.composition-legend,.allocation-legend) span { color:var(--ui-copy); font-size:12px; }
body.ui-2026.premium-dashboard :is(.composition-legend,.allocation-legend) small { color:var(--ui-muted); font-size:11px; }
body.ui-2026.premium-dashboard :is(.allocation-track,.composition-track,.risk-track,.projection-row>div,.quality-backlog>div) { background:#f1f4ec; border:0; box-shadow:none; }
body.ui-2026.premium-dashboard .allocation-track { height:24px; padding:0; gap:2px; border-radius:5px; }
body.ui-2026.premium-dashboard .allocation-track>i { border-radius:3px; }
body.ui-2026.premium-dashboard .allocation-track>b,body.ui-2026.premium-dashboard .allocation-track>b::after { background:var(--ui-ink); }
body.ui-2026.premium-dashboard .allocation-track>b span { color:var(--ui-copy); font:500 10px var(--ui-font); transform:translate(-100%,-100%); }
body.ui-2026.premium-dashboard .allocation-loss { background:#fff3f5; border-color:#ebc9d2; }
body.ui-2026.premium-dashboard .allocation-loss :is(span,strong) { color:var(--ui-negative); font-family:var(--ui-font); }
body.ui-2026.premium-dashboard :is(.risk-row,.projection-row,.quality-backlog,.report-visual-foot) { color:var(--ui-copy); }
body.ui-2026.premium-dashboard :is(.risk-row,.projection-row,.quality-backlog,.report-visual-foot) strong { color:var(--ui-ink); }
body.ui-2026.premium-dashboard .quality-gauge circle { stroke:#e9ede0; }
body.ui-2026.premium-dashboard .quality-gauge .gauge-value { stroke:var(--ui-accent); }
body.ui-2026.premium-dashboard .quality-gauge strong { color:var(--ui-ink); }
body.ui-2026.premium-dashboard :is(#sec-pricing,#sec-upload,#sec-cabinet) .card { min-height:0; }
body.ui-2026.premium-dashboard .plans-grid { grid-template-columns:repeat(auto-fit,minmax(135px,1fr)); gap:14px; }
body.ui-2026.premium-dashboard .plan-btn { background:#fafbf9; border:1px solid var(--ui-line); border-radius:8px; box-shadow:none; }
body.ui-2026.premium-dashboard .plan-btn.plan-pop { background:#f2f4ed; border-color:#c5d6c1; }
body.ui-2026.premium-dashboard .plan-btn:hover { transform:none; border-color:var(--ui-accent); }
body.ui-2026.premium-dashboard .plan-badge { background:var(--ui-accent); color:#fff; font-weight:600; }
body.ui-2026.premium-dashboard .allocation-track>i:nth-child(3),body.ui-2026.premium-dashboard .allocation-legend>div:nth-child(3)>i { background:#398577; }
body.ui-2026 table:not(:has(thead)) tr:first-child th { background:#f3f5ee; color:#5e7c58; font-size:11px; font-weight:600; }
/* Original WB Profit palette: warm paper, forest ink, lime actions. */
body.ui-2026 { background:#f7f8f2!important; }
body.ui-2026 :is(.btn-primary,.btn-lime,.button.lime,.nav-button.accent,.workspace-primary-action,.me-login,.w-btn-primary) { background:#c5ef87!important; border-color:#b5d77e!important; color:#20331b!important; }
body.ui-2026 :is(.btn-primary,.btn-lime,.button.lime,.nav-button.accent,.workspace-primary-action,.me-login,.w-btn-primary):hover { background:#d2f39f!important; }
body.ui-2026.public-home .button.dark { background:#243124!important; border-color:#243124!important; color:#fff!important; }
body.ui-2026.premium-dashboard .workspace-primary-action { background:#c5ef87!important; color:#20331b!important; border-color:#b5d77e!important; }
body.ui-2026.public-home .site-header,body.ui-2026.seo-public>header { background:rgba(247,248,242,.97); }
body.ui-2026 .ui-chart-tools button[aria-expanded="true"] { background:#edf3e6; }