/* The parent panel owns the palette; this workspace uses those same tokens. */
:root,:root[data-theme=dark]{--bg:var(--ta-bg);--card:var(--ta-card-bg);--ink:var(--ta-text-primary);--muted:var(--ta-text-secondary);--line:var(--ta-border);--brand:var(--ta-primary);--soft:var(--ta-primary-soft);--bad:var(--ta-danger);--navy:var(--ta-text-primary)}
body{font-family:Cairo,system-ui,sans-serif;line-height:1.75;font-size:14px}button,input,select,textarea{font-family:inherit}.primary,.secondary,.nav-button{font-weight:600;border-radius:10px;padding:10px 18px;transition:background .15s,box-shadow .15s}.primary:hover{background:var(--ta-primary-hover)}.secondary{border:1px solid var(--line);background:var(--card)}.secondary:hover{background:var(--soft)}
.portal-topbar{height:76px;position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid var(--line);background:var(--ta-topbar-bg);backdrop-filter:blur(10px)}.portal-topbar-brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:800}.portal-topbar-brand img{width:44px;height:44px;border-radius:10px}.portal-topbar-brand span{font-weight:500;font-size:12px;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:12px}.portal-topbar-actions{display:flex;gap:12px;align-items:center}.portal-topbar .theme-switch,.portal-topbar .inbox-bell{position:static;margin:0}.portal-topbar .theme-switch{width:42px;height:42px;font-size:20px}.inbox-dialog{box-shadow:var(--ta-shadow-md)}
.shell{grid-template-columns:268px minmax(0,1fr);min-height:calc(100vh - 76px);width:100%}.sidebar{position:sticky;top:76px;height:calc(100vh - 76px);overflow-y:auto;padding:25px 18px}.sidebar .brand-small{font-size:15px;padding:8px 10px 20px;border-bottom:1px solid var(--line)}.sidebar .brand-small img{width:46px;height:46px}.sidebar .nav-button{display:flex;align-items:center;gap:12px;font-weight:500;line-height:1.5;padding:12px 14px;margin:5px 0;color:var(--muted)}.sidebar .nav-button svg{width:20px;height:20px;flex-shrink:0}.sidebar .nav-button:hover{background:var(--bg);color:var(--ink)}.sidebar .nav-button.active{background:var(--soft);color:var(--brand);font-weight:700}.nav-section{display:block;font-size:11px;color:var(--ta-group-label);padding:20px 14px 7px;letter-spacing:.1px}.sidebar .support-note{padding:18px 12px;background:var(--bg);border-radius:10px;margin-top:22px}.sidebar>[data-logout]{width:100%}
.main{max-width:none;width:100%;padding:28px 32px;min-width:0}.workspace-head{margin-bottom:24px;align-items:flex-start}.workspace-head h1{font-size:24px;font-weight:800}.workspace-head small{font-size:13px;margin-top:5px}.workspace-head .badge{margin-top:8px;font-size:12px;letter-spacing:0;border:1px solid var(--ta-primary-soft-border);background:var(--soft);color:var(--brand)}.panel{padding:25px;border-radius:var(--ta-radius);box-shadow:var(--ta-shadow-xs);width:100%}.panel h2{font-size:21px}.field input,.field select,.field textarea{background:var(--card);font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--ta-primary-soft-border);border-color:var(--brand)}.field{font-weight:500}.notice{border:1px solid var(--ta-primary-soft-border);line-height:1.9}.row{box-shadow:var(--ta-shadow-xs);padding:20px}.row-head strong{font-weight:700}.grid{gap:20px}.auth-wrap{margin:35px auto}.auth-wrap .panel{padding:32px}.auth-wrap .brand-small{justify-content:center}.auth-wrap .primary[type=submit]{width:100%}
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.dashboard-hero h2{font-size:26px;font-weight:800;margin:8px 0}.dashboard-hero p{margin:5px 0;font-size:14px}.eyebrow{font-size:12px;font-weight:700;color:var(--brand)}.period-control{display:flex;align-items:center;gap:10px;flex-shrink:0}.period-control label{color:var(--muted)}.period-control select{background:var(--card);color:var(--ink);padding:10px 12px;border:1px solid var(--line);border-radius:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:25px}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:var(--ta-radius);padding:23px 24px;box-shadow:var(--ta-shadow-xs);min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:600}.metric-card>strong{display:block;font-size:32px;line-height:1.5;font-weight:800;margin-top:15px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric-card>small{display:block;font-size:11px;margin-top:8px}.metric-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:var(--soft);color:var(--brand);flex-shrink:0}.metric-icon svg{width:23px;height:23px}.metric-icon.green{background:var(--ta-success-soft);color:var(--ta-success-text)}.metric-icon.amber{background:var(--ta-warning-soft);color:var(--ta-warning-text)}.metric-icon.purple{background:var(--ta-purple-soft);color:var(--ta-purple-text)}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;margin-bottom:25px}.dashboard-card{background:var(--card);border:1px solid var(--line);border-radius:var(--ta-radius);padding:25px;box-shadow:var(--ta-shadow-xs);min-width:0}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.card-heading h3,.dashboard-card>h3{font-size:16px;font-weight:700;margin:0 0 5px}.card-heading p{font-size:12px;margin:0}.card-heading .badge{margin:0;letter-spacing:0;padding:5px 10px;font-size:10px}.segmented{display:flex;gap:3px;background:var(--bg);padding:4px;border-radius:9px;flex-shrink:0}.segmented button{background:none;border:0;padding:7px 12px;border-radius:7px;color:var(--muted);font-size:11px}.segmented button.active{background:var(--card);color:var(--brand);box-shadow:var(--ta-shadow-xs)}.trend-chart{position:relative;direction:ltr}.trend-chart>svg{display:block;width:100%;height:auto;min-height:180px}.trend-chart text,.donut-wrap text{font-family:Cairo,sans-serif;fill:var(--muted);font-size:11px}.chart-grid{stroke:var(--line);stroke-dasharray:4 5}.chart-empty{text-align:center;font-size:12px;margin:0}.chart-data{margin-top:14px;font-size:12px;color:var(--muted)}.chart-data summary{cursor:pointer}.table-scroll{overflow:auto;max-height:230px;margin-top:12px}.table-scroll table{width:100%;border-collapse:collapse;font-size:12px}.table-scroll th,.table-scroll td{text-align:start;padding:9px 13px;border-bottom:1px solid var(--line)}.donut-wrap>svg{display:block;width:200px;max-width:100%;margin:0 auto 15px}.donut-track{stroke:var(--line)}.donut-wrap .donut-total{fill:var(--ink);font-size:30px;font-weight:800}.chart-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.chart-legend>div,.chart-legend span{display:flex;align-items:center;gap:8px;font-size:11px}.chart-legend>div{justify-content:space-between}.chart-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.chart-legend strong{font-weight:700}.secondary-metrics .metric-card>strong{font-size:27px}.lower-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.product-rank{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.product-rank:last-child{border:0}.product-rank>div{flex:1;min-width:0}.product-rank strong{font-size:12px}.product-rank>span:last-child{font-size:11px;text-align:end}.product-rank small{display:block}.rank-number{background:var(--soft);color:var(--brand);padding:3px 10px;border-radius:8px;font-weight:700}.progress-track{height:6px;border-radius:8px;background:var(--bg);overflow:hidden;margin:9px 0}.progress-track>span{display:block;height:100%;border-radius:8px;background:var(--brand)}.empty-card{text-align:center;padding:35px 20px;color:var(--muted)}.empty-card>svg{width:40px;height:40px;opacity:.45}.empty-card p{font-size:12px}.completion-value{font-size:30px;font-weight:800;color:var(--brand)}.checklist{margin:15px 0}.checklist>div,.checklist span{display:flex;align-items:center;gap:8px}.checklist>div{justify-content:space-between;padding:8px 0;font-size:12px}.checklist svg{width:16px;height:16px;color:var(--ta-warning)}.checklist .complete svg{color:var(--ta-success)}.checklist small{font-size:10px}.task-card .task-link{display:flex;align-items:center;gap:10px;width:100%;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:start;font-size:12px}.task-link svg{width:19px;height:19px;color:var(--brand);flex-shrink:0}.task-link strong,.task-link>span:last-child{margin-inline-start:auto;font-size:11px;color:var(--muted)}.task-link:hover{color:var(--brand)}
.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.directory-heading .field{max-width:360px;width:100%}.activity-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.activity-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.activity-card-top{display:flex;gap:13px;align-items:center}.activity-avatar{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--brand);font-size:20px;font-weight:800}.activity-card strong{font-size:15px}.activity-card small{display:block;font-size:11px;margin-top:4px}.activity-card .actions{gap:8px}.activity-card .primary,.activity-card .secondary{font-size:12px;padding:8px 12px}.review-json{direction:ltr;max-height:260px;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:15px;text-align:left}.admin-links{display:flex;gap:10px;flex-wrap:wrap}.admin-owner-card{padding:18px;background:var(--bg);border-radius:12px;margin-bottom:20px}
@media(min-width:1800px){.main{padding:32px 40px}.metric-card{padding:27px 30px}.analytics-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.activity-directory{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.shell{grid-template-columns:235px minmax(0,1fr)}.main{padding:24px}.metric-grid{gap:14px}.metric-card{padding:18px}.metric-card>strong{font-size:27px}.analytics-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.activity-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{align-items:flex-start}.dashboard-hero h2{font-size:22px}.period-control{flex-wrap:wrap;max-width:230px}.lower-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible;padding:15px;border-inline:0;border-bottom:1px solid var(--line)}.sidebar .brand-small,.sidebar .support-note,.sidebar>[data-logout],.sidebar .nav-section{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:6px}.sidebar .nav-button{width:auto;white-space:nowrap;flex-shrink:0;padding:9px 12px;font-size:12px}.main{padding:22px}.portal-topbar{padding:12px 18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.task-card{grid-column:1/-1}.workspace-head h1{font-size:22px}}
@media(max-width:620px){.portal-topbar-brand span{display:none}.portal-topbar-brand{font-size:14px;gap:8px}.portal-topbar-brand img{width:36px;height:36px}.portal-topbar .inbox-bell{font-size:11px;padding:8px}.portal-topbar-actions{gap:8px}.portal-topbar .theme-switch{width:34px;height:34px}.main{padding:18px 14px}.workspace-head{gap:10px}.workspace-head h1{font-size:20px}.workspace-head small{font-size:11px}.workspace-head .badge{font-size:10px}.dashboard-hero{display:block}.dashboard-hero h2{font-size:21px}.period-control{max-width:none;margin-top:16px}.period-control select{flex:1}.metric-card{padding:16px}.metric-top{font-size:11px;gap:7px}.metric-icon{width:34px;height:34px;border-radius:9px}.metric-icon svg{width:19px;height:19px}.metric-card>strong{font-size:25px;margin-top:10px}.metric-card>small{font-size:10px}.analytics-grid,.lower-grid{grid-template-columns:1fr}.dashboard-card{padding:20px}.activity-directory{grid-template-columns:1fr}.directory-heading{display:block}.directory-heading .field{max-width:none}.segmented button{padding:7px;font-size:10px}.grid{grid-template-columns:1fr}.card-heading h3{font-size:15px}.task-card{grid-column:auto}.inbox-dialog{padding:18px}.auth-wrap{padding:18px;margin-top:20px}}

@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0;max-width:100%}.sidebar nav{min-width:0;max-width:100%}}

.portal-topbar-brand .brand-pair{display:flex;border:0;padding:0;font-size:inherit}.portal-topbar-brand .brand-pair img{width:44px;height:44px;border-radius:10px}.portal-topbar-brand .brand-pair .logo-dark{display:none}.dark .portal-topbar-brand .brand-pair .logo-dark{display:block}.dark .portal-topbar-brand .brand-pair .logo-light{display:none}@media(max-width:620px){.portal-topbar-brand .brand-pair img{width:36px;height:36px}}
.k-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.k-hero h2{font-size:28px;margin:8px 0}.k-hero p{color:var(--muted);max-width:750px}.k-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.k-stats article,.k-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.k-stats article{display:flex;flex-direction:column;gap:8px}.k-stats strong{font-size:32px;color:var(--brand)}.k-stats small,.k-card small{color:var(--muted)}.k-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.k-tabs .selected{background:var(--soft);color:var(--brand);border-color:var(--brand)}.k-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.k-card{margin-bottom:16px;min-width:0}.k-card h3{margin:14px 0 10px}.k-card p{line-height:1.9}.k-answer{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}.k-editor{max-width:1000px;display:grid;gap:16px}.k-editor textarea,#k-extract textarea{width:100%;resize:vertical}.k-empty{padding:38px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.k-history details{border-top:1px solid var(--line);padding:16px 0}.k-card summary{cursor:pointer}.k-stats article span{font-size:14px}@media(max-width:1000px){.k-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.k-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.k-hero{align-items:stretch;flex-direction:column;gap:10px}.k-hero h2{font-size:22px}.k-guide-grid{grid-template-columns:minmax(0,1fr)}.k-stats article,.k-card{padding:16px}.k-tabs button{flex:1 1 140px}.k-stats strong{font-size:26px}}

.dark .k-stats strong{color:var(--ta-purple-text)}

/* Business portal visual system. Colors, spacing, and surfaces only. */
:root{--bg:#f4f8fb;--card:#ffffff;--ink:#092453;--muted:#5c6c87;--line:#d5e4f0;--brand:#21a6df;--soft:#e7f6fc;--bad:#b42318;--navy:#092453;--ta-primary:#21a6df;--ta-primary-hover:#1a92c6;--ta-primary-soft:#e7f6fc;--ta-primary-soft-border:rgba(33,166,223,.28);--ta-bg:#f4f8fb;--ta-card-bg:#ffffff;--ta-text-primary:#092453;--ta-text-secondary:#5c6c87;--ta-border:#d5e4f0;--ta-topbar-bg:rgba(255,255,255,.9);--ta-shadow-xs:0 1px 2px rgba(9,36,83,.04);--ta-shadow-sm:0 10px 28px rgba(9,36,83,.06);--ta-shadow-md:0 18px 44px rgba(9,36,83,.08);--ta-radius:20px}
:root[data-theme=dark]{--bg:#061833;--card:#092453;--ink:#ffffff;--muted:#b1b7c2;--line:#1a3d6e;--brand:#21a6df;--soft:#0e345f;--bad:#ffb4ab;--navy:#ffffff;--ta-primary:#21a6df;--ta-primary-hover:#58bce7;--ta-primary-soft:#0e345f;--ta-primary-soft-border:rgba(33,166,223,.4);--ta-bg:#061833;--ta-card-bg:#092453;--ta-text-primary:#ffffff;--ta-text-secondary:#b1b7c2;--ta-border:#1a3d6e;--ta-topbar-bg:rgba(6,24,51,.9);--ta-shadow-sm:0 10px 28px rgba(0,0,0,.28);--ta-shadow-md:0 18px 44px rgba(0,0,0,.38)}
body{background:radial-gradient(900px 380px at 100% -80px,rgba(33,166,223,.16),transparent 60%),var(--bg);letter-spacing:-.01em}
.portal-topbar{height:64px;padding:0 22px;background:var(--ta-topbar-bg);border-bottom:1px solid var(--line);box-shadow:none}
.portal-topbar-brand{font-size:16px;letter-spacing:-.02em}
.portal-topbar-brand span{border:0;border-radius:999px;background:var(--soft);color:var(--brand);padding:3px 10px;font-weight:700}
.portal-topbar .theme-switch{width:38px;height:38px;border-radius:12px;background:var(--card);box-shadow:var(--ta-shadow-xs)}
.portal-topbar .inbox-bell{border-radius:12px;min-height:38px}
.shell{grid-template-columns:272px minmax(0,1fr);background:transparent}
.sidebar{background:#092453;color:#ffffff;border:0;padding:22px 14px 16px}
.sidebar .brand-small{color:#ffffff;border-bottom:1px solid rgba(255,255,255,.1);padding:4px 8px 18px;margin-bottom:8px}
.sidebar .nav-section{color:#8eabca;padding:18px 12px 6px;font-weight:700}
.sidebar .nav-button{color:#d6e6f5;border-radius:12px;margin:2px 0;padding:10px 12px;font-weight:600}
.sidebar .nav-button svg{opacity:.85}
.sidebar .nav-button:hover{background:rgba(33,166,223,.16);color:#fff}
.sidebar .nav-button.active{background:#21a6df;color:#ffffff;box-shadow:none}
.sidebar .nav-button.active svg{opacity:1}
.sidebar .support-note{background:rgba(255,255,255,.06);color:#d6e6f5;border-radius:14px;line-height:1.7}
.sidebar>[data-logout]{margin-top:8px;background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,.18)}
.sidebar>[data-logout]:hover{background:rgba(255,255,255,.06)}
.main{padding:28px 32px 48px}
.workspace-head{margin-bottom:8px}
.workspace-head h1{font-size:32px;line-height:1.25;letter-spacing:-.03em}
.workspace-head small{color:var(--muted);font-size:14px}
.workspace-head .badge{border-radius:999px;padding:6px 12px;font-weight:700}
.panel,.row,.dashboard-card,.metric-card,.k-card{border-color:var(--line);box-shadow:var(--ta-shadow-sm)}
.panel{border-radius:24px;padding:28px}
.field input,.field select,.field textarea{min-height:48px;border-radius:12px;background:var(--bg);border-color:var(--line);padding:12px 14px}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--ta-primary-soft-border);border-color:var(--brand)}
.primary{background:var(--brand);border-radius:12px;min-height:44px;box-shadow:0 8px 18px rgba(33,166,223,.22)}
.primary:hover{background:var(--ta-primary-hover)}
.secondary{border-radius:12px;min-height:40px;background:var(--card)}
.auth-wrap{max-width:440px;margin:6vh auto 40px;padding:12px}
.auth-wrap .brand-small{justify-content:flex-start;font-size:22px;letter-spacing:-.03em}
.auth-wrap .brand-small img{width:52px;height:52px;border-radius:16px}
#guest .panel{padding:22px;border-radius:28px;box-shadow:var(--ta-shadow-md)}
#guest .actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 22px;padding:4px;border-radius:14px;background:var(--bg)}
#guest .actions .secondary{border:0;background:transparent;min-height:40px}
#guest .actions .secondary:hover{background:var(--card)}
#guest h2{font-size:28px;letter-spacing:-.03em;line-height:1.35}
#guest #auth-note{margin-top:-6px;margin-bottom:18px;line-height:1.7}
#guest .primary[type=submit]{margin-top:8px;min-height:48px;font-size:16px}
body:has(#guest:not([hidden])) .portal-topbar{background:transparent;border-bottom-color:transparent}
:root[data-theme=dark] .sidebar{background:#061833;box-shadow:inset -1px 0 0 var(--line)}
:root[data-theme=dark] .sidebar .nav-button.active{background:#21a6df;color:#ffffff}
:root[data-theme=dark] .primary{box-shadow:none}

/* Home overview only. Scoped so other business tabs keep their current layout. */
#content:has(.dashboard-hero){display:flex;flex-direction:column;gap:16px}#content:has(.dashboard-hero)>*{min-width:0}
#content:has(.dashboard-hero)>.dashboard-hero{margin-bottom:0;align-items:flex-end;padding:8px 2px 4px;border:0;border-radius:0;background:transparent;box-shadow:none}
#content:has(.dashboard-hero) .eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:8px;padding:3px 10px;border:1px solid var(--ta-primary-soft-border);border-radius:999px;background:var(--soft);line-height:1.7}
#content:has(.dashboard-hero) .dashboard-hero h2{margin:0 0 6px;font-size:28px;line-height:1.35;letter-spacing:-.02em}
#content:has(.dashboard-hero) .dashboard-hero p{max-width:40rem;margin:0;color:var(--muted);line-height:1.7}
#content:has(.dashboard-hero) .period-control{gap:8px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
#content:has(.dashboard-hero) .period-control label{font-size:12px;font-weight:700}
#content:has(.dashboard-hero) .period-control select,#content:has(.dashboard-hero) .period-control .secondary{min-height:40px;border-radius:10px}
#content:has(.dashboard-hero) .period-control select{min-width:148px;background:var(--card)}
#content:has(.dashboard-hero) .metric-grid{gap:14px;margin-bottom:0}
#content:has(.dashboard-hero) .metric-card{padding:18px 18px 16px;border-radius:20px;box-shadow:var(--ta-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#content:has(.dashboard-hero) .metric-card:hover{transform:translateY(-2px);border-color:var(--ta-primary-soft-border);box-shadow:var(--ta-shadow-md)}
#content:has(.dashboard-hero) .metric-top{font-size:12.5px;line-height:1.5}
#content:has(.dashboard-hero) .metric-icon{width:40px;height:40px;border-radius:12px}
#content:has(.dashboard-hero) .metric-card>strong{margin-top:14px;font-size:28px;line-height:1.15;letter-spacing:-.03em}
#content:has(.dashboard-hero) .metric-card>small{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}
#content:has(.dashboard-hero) .secondary-metrics .metric-card>strong{font-size:24px}
#content:has(.dashboard-hero) .analytics-grid{gap:14px;margin-bottom:0}
#content:has(.dashboard-hero) .dashboard-card{padding:20px 22px;border-radius:22px;box-shadow:var(--ta-shadow-sm)}
#content:has(.dashboard-hero) .card-heading{align-items:center;margin-bottom:16px}
#content:has(.dashboard-hero) .card-heading h3,#content:has(.dashboard-hero) .dashboard-card>h3{font-size:16px;line-height:1.45}
#content:has(.dashboard-hero) .card-heading p{color:var(--muted);line-height:1.6}
#content:has(.dashboard-hero) .segmented{padding:4px;border-radius:12px}
#content:has(.dashboard-hero) .segmented button{min-height:34px;padding:7px 12px;border-radius:9px;font-size:12px;font-weight:700;transition:background .15s ease,color .15s ease}
#content:has(.dashboard-hero) .trend-chart{padding:4px 0 0;border-radius:12px;background:linear-gradient(180deg,var(--bg),transparent 72%)}
#content:has(.dashboard-hero) .chart-empty{padding:8px 12px 4px}
#content:has(.dashboard-hero) .chart-data{margin-top:8px;border-top:1px solid var(--line);padding-top:10px}
#content:has(.dashboard-hero) .chart-data summary{font-weight:700}
#content:has(.dashboard-hero) .table-scroll{border:1px solid var(--line);border-radius:12px}
#content:has(.dashboard-hero) .table-scroll th{position:sticky;top:0;background:var(--bg);font-weight:700}
#content:has(.dashboard-hero) .table-scroll td{font-variant-numeric:tabular-nums}
#content:has(.dashboard-hero) .donut-wrap{display:grid;gap:8px}
#content:has(.dashboard-hero) .chart-legend{gap:10px 16px}
#content:has(.dashboard-hero) .chart-legend>div{min-height:28px;padding:4px 0;border-bottom:1px solid var(--line)}
#content:has(.dashboard-hero) .product-rank{padding:12px 0}
#content:has(.dashboard-hero) .rank-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0;border-radius:999px}
#content:has(.dashboard-hero) .progress-track{height:8px;margin:8px 0 0}
#content:has(.dashboard-hero) .empty-card{padding:28px 16px}
#content:has(.dashboard-hero) .completion-value{line-height:1}
#content:has(.dashboard-hero) .checklist>div{min-height:36px;padding:6px 0}
#content:has(.dashboard-hero) .task-card .task-link{margin:2px 0;padding:12px 10px;border:0;border-radius:12px;transition:background .15s ease,color .15s ease}
#content:has(.dashboard-hero) .task-card .task-link:hover{background:var(--soft)}
#content:has(.dashboard-hero) .task-link strong,#content:has(.dashboard-hero) .task-link>span:last-child{font-weight:700}
#content:has(.dashboard-hero) .home-agent-controls{margin:0;padding:20px 22px;border-radius:16px;box-shadow:var(--ta-shadow-sm)}
#content:has(.dashboard-hero) .home-agent-controls>h2{margin:0 0 4px;font-size:18px}
#content:has(.dashboard-hero) .home-agent-controls>p{margin:0 0 16px;color:var(--muted)}
#content:has(.dashboard-hero) .home-agent-grid{gap:12px}
#content:has(.dashboard-hero) .home-agent-card{padding:16px 18px;border-radius:14px;background:var(--card);transition:border-color .15s ease,box-shadow .15s ease}
#content:has(.dashboard-hero) .home-agent-card:hover{box-shadow:var(--ta-shadow-sm)}
#content:has(.dashboard-hero) .home-agent-card h3{font-size:15px}
#content:has(.dashboard-hero)>.notice,#content:has(.dashboard-hero)>.k-card{margin:0;border-radius:16px}
#content:has(.dashboard-hero) .period-control select:focus-visible,#content:has(.dashboard-hero) .period-control .secondary:focus-visible,#content:has(.dashboard-hero) .segmented button:focus-visible,#content:has(.dashboard-hero) .task-link:focus-visible,#content:has(.dashboard-hero) .home-agent-card button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(max-width:1200px){#content:has(.dashboard-hero) .period-control{max-width:none}}
@media(max-width:620px){#content:has(.dashboard-hero)>.dashboard-hero{padding:16px}#content:has(.dashboard-hero) .dashboard-hero h2{font-size:22px}#content:has(.dashboard-hero) .period-control{width:100%}#content:has(.dashboard-hero) .metric-card>strong{font-size:24px}#content:has(.dashboard-hero) .dashboard-card,#content:has(.dashboard-hero) .home-agent-controls{padding:16px}}
@media(prefers-reduced-motion:reduce){#content:has(.dashboard-hero) .metric-card,#content:has(.dashboard-hero) .metric-card:hover,#content:has(.dashboard-hero) .segmented button,#content:has(.dashboard-hero) .task-card .task-link,#content:has(.dashboard-hero) .home-agent-card{transition:none;transform:none}}

/* Shared page design: profile, menu, photos, hours, channels, orders, offers, notifications, plans, settings, team, support, admin, onboarding. */
.panel{background:var(--card);border-radius:24px}
.panel>h2{margin:0 0 8px;font-size:26px;line-height:1.35;letter-spacing:-.03em;color:var(--ink)}
.panel>p,.panel>form>p{max-width:70ch;margin:0 0 16px;line-height:1.75}
.panel>h3{margin:22px 0 10px;font-size:16px;color:var(--ink)}
.notice{background:var(--soft);color:var(--ink);border:1px solid var(--ta-primary-soft-border);border-radius:14px;padding:14px 16px}
.notice p,.row p{color:var(--muted)}
.row{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:none}
.row h3,.row-head strong{color:var(--ink)}
.row .actions,.panel .actions{margin-top:14px}
.item-editor{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px}
.item-editor .remove-item{margin-top:12px}
.inline{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}
.inline input{width:18px;height:18px;accent-color:var(--brand)}
button.link{background:transparent;border:0;color:var(--brand);font-weight:700;padding:6px 8px;border-radius:8px}
button.link:hover{background:var(--soft)}
#hours-form>div>p{color:var(--muted)!important}
.thumbs img{width:112px;height:112px;border-radius:16px;border:1px solid var(--line);object-fit:cover}
.qr{border:8px solid #fff;border-radius:18px;box-shadow:var(--ta-shadow-md)}
#onboarding{max-width:760px}
#onboarding .panel{border-radius:28px;box-shadow:var(--ta-shadow-md)}
.k-hero h2,.k-card h3{letter-spacing:-.02em;color:var(--ink)}
.overview-eyebrow{display:inline-flex;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--brand);font-size:12px;font-weight:700}
.k-tabs button{border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink)}
#k-search{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card);color:var(--ink)}
.k-tabs .selected{background:var(--soft);color:var(--brand);border-color:var(--brand)}
.k-empty{border-radius:18px;background:var(--bg)}
.k-stats article,.k-card{border-radius:18px;box-shadow:var(--ta-shadow-xs)}
.activity-card{border-radius:20px;box-shadow:var(--ta-shadow-sm);background:var(--card)}
.activity-avatar{border-radius:14px}
.directory-heading h2,.activity-card strong{color:var(--ink)}
.review-json{border-radius:14px}
.inbox-dialog,.inbox-item{border-radius:18px}
.inbox-unread{border-inline-start-color:var(--brand)}
.inbox-toast{background:#092453}
.msg-page-card,.msg-agent-row,.msg-page-row,.msg-connect-wrap{border-radius:16px}
.msg-switch input:checked+.msg-switch-track{background:var(--brand)}
.business-chat{border-radius:22px;border-color:var(--line);box-shadow:var(--ta-shadow-sm)}
.sidebar .nav-button.feature-locked{opacity:.62}
.actions{align-items:center}
.actions>span{color:var(--muted);font-size:13px}
select,input[type=checkbox]{accent-color:var(--brand)}
@media(max-width:620px){.panel{padding:18px;border-radius:18px}.panel>h2{font-size:22px}.row,.item-editor{padding:14px}}

/* Studio shell: floating app, light sidebar, navy pills. Logo colors only. */
body:has(#workspace:not([hidden])),
body:has(#guest:not([hidden])),
body:has(#onboarding:not([hidden])){
  background:
    radial-gradient(720px 360px at 8% -8%,rgba(33,166,223,.28),transparent 62%),
    radial-gradient(640px 420px at 100% 108%,rgba(9,36,83,.10),transparent 58%),
    #e8eef3;
  color:#092453;
}
body:has(#workspace:not([hidden])){
  box-sizing:border-box;
  height:100vh;
  padding:16px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
body:has(#workspace:not([hidden])) .portal-topbar{
  flex:none;
  height:68px;
  margin:0;
  padding:0 18px;
  border:1px solid rgba(9,36,83,.06);
  border-bottom:0;
  border-radius:28px 28px 0 0;
  background:#fff;
  box-shadow:none;
  position:relative;
  top:auto;
}
body:has(#workspace:not([hidden])) .shell{
  flex:1 1 auto;
  min-height:0;
  height:auto;
  display:grid;
  grid-template-columns:268px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(9,36,83,.06);
  border-top:1px solid #eef2f6;
  border-radius:0 0 28px 28px;
  background:#fff;
  box-shadow:0 28px 70px rgba(9,36,83,.12);
}
body:has(#workspace:not([hidden])) .sidebar,
body:has(#workspace:not([hidden])) .main{min-height:0;min-width:0}
body:has(#workspace:not([hidden])) .sidebar{
  position:relative;
  top:auto;
  height:auto;
  display:flex;
  flex-direction:column;
  overflow:auto;
  background:#fff;
  color:#092453;
  border:0;
  border-inline-end:1px solid #eef2f6;
  box-shadow:none;
  padding:22px 16px 16px;
}
body:has(#workspace:not([hidden])) .sidebar .brand-small{
  color:#092453;
  border:0;
  margin:0 6px 8px;
  padding:0 4px 16px;
  font-size:15px;
}
body:has(#workspace:not([hidden])) .sidebar nav{flex:1}
body:has(#workspace:not([hidden])) .sidebar .nav-section{
  color:#8b9bb0;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  padding:16px 14px 6px;
}
body:has(#workspace:not([hidden])) .sidebar .nav-button{
  width:100%;
  justify-content:flex-start;
  gap:10px;
  margin:2px 0;
  padding:10px 14px;
  border-radius:999px;
  background:transparent;
  color:#5c6c87;
  font-weight:600;
  box-shadow:none;
}
body:has(#workspace:not([hidden])) .sidebar .nav-button svg{width:18px;height:18px;opacity:.8}
body:has(#workspace:not([hidden])) .sidebar .nav-button:hover{background:#f4f7fb;color:#092453}
body:has(#workspace:not([hidden])) .sidebar .nav-button.active,
body:has(#workspace:not([hidden])) .sidebar .nav-button.active:hover{
  background:#092453;
  color:#fff;
}
body:has(#workspace:not([hidden])) .sidebar .nav-button.active svg{opacity:1}
body:has(#workspace:not([hidden])) .sidebar .support-note{
  margin-top:16px;
  background:#f6f8fb;
  color:#5c6c87;
  border-radius:18px;
  padding:14px;
}
body:has(#workspace:not([hidden])) .sidebar>[data-logout]{
  width:100%;
  margin-top:10px;
  border-radius:999px;
  background:#fff;
  color:#092453;
  border:1px solid #e6edf4;
}
body:has(#workspace:not([hidden])) .main{
  height:auto;
  max-height:none;
  overflow:auto;
  padding:26px 28px 40px;
  background:#fff;
}
body:has(#workspace:not([hidden])) .workspace-head{margin:2px 0 18px;align-items:flex-end}
body:has(#workspace:not([hidden])) .workspace-head h1{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.25}
body:has(#workspace:not([hidden])) .workspace-head small{font-size:13px;color:#5c6c87}
body:has(#workspace:not([hidden])) .workspace-head .badge{
  margin:0;
  padding:6px 12px;
  border-radius:999px;
  background:#e7f6fc;
  color:#1287b8;
  border:0;
  font-weight:700;
}
body:has(#workspace:not([hidden])) .portal-topbar .theme-switch,
body:has(#workspace:not([hidden])) .portal-topbar .inbox-bell{
  border:1px solid #e6edf4;
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 2px rgba(9,36,83,.04);
}
body:has(#workspace:not([hidden])) .panel,
body:has(#workspace:not([hidden])) .dashboard-card,
body:has(#workspace:not([hidden])) .metric-card,
body:has(#workspace:not([hidden])) .k-card,
body:has(#workspace:not([hidden])) .k-stats article,
body:has(#workspace:not([hidden])) .activity-card,
body:has(#workspace:not([hidden])) .row,
body:has(#workspace:not([hidden])) .item-editor{
  background:#fff;
  border:1px solid #e8eef5;
  border-radius:22px;
  box-shadow:0 10px 28px rgba(9,36,83,.045);
}
body:has(#workspace:not([hidden])) .metric-card{padding:20px 20px 16px}
body:has(#workspace:not([hidden])) .metric-card>strong{font-size:30px;letter-spacing:-.04em;color:#092453}
body:has(#workspace:not([hidden])) .metric-icon{border-radius:14px;background:#e7f6fc;color:#21a6df}
body:has(#workspace:not([hidden])) .metric-grid .metric-card:first-child,
body:has(#workspace:not([hidden])) .analytics-grid .dashboard-card:first-child{
  background:linear-gradient(180deg,#f3fbfe 0%,#fff 55%);
}
body:has(#workspace:not([hidden])) .dashboard-hero,
body:has(#workspace:not([hidden])) #content:has(.dashboard-hero)>.dashboard-hero{
  padding:0 0 4px;
  background:transparent;
  box-shadow:none;
  border:0;
}
body:has(#workspace:not([hidden])) .period-control,
body:has(#workspace:not([hidden])) .segmented{
  background:#f4f7fb;
  border:1px solid #e8eef5;
  border-radius:999px;
}
body:has(#workspace:not([hidden])) .segmented button.active{
  background:#fff;
  color:#092453;
  border-radius:999px;
  box-shadow:0 4px 12px rgba(9,36,83,.06);
}
body:has(#workspace:not([hidden])) .table-scroll{
  border:1px solid #e8eef5;
  border-radius:16px;
  background:#fff;
}
body:has(#workspace:not([hidden])) .table-scroll th{
  background:#fff;
  color:#8b9bb0;
  font-size:12px;
  font-weight:700;
}
body:has(#workspace:not([hidden])) .table-scroll tr:hover td{background:#f7fafc}
body:has(#workspace:not([hidden])) .notice{
  border-radius:16px;
  background:#f3fbfe;
  border:1px solid rgba(33,166,223,.22);
}
.primary{background:#092453;color:#fff;border-radius:999px;box-shadow:none}
.primary:hover{background:#12356e}
.secondary{border-radius:999px;background:#fff;border:1px solid #e6edf4;color:#092453}
.field input,.field select,.field textarea{border-radius:14px;background:#f6f8fb;border-color:transparent}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#21a6df}
body:has(#guest:not([hidden])) .portal-topbar,
body:has(#onboarding:not([hidden])) .portal-topbar{
  background:transparent;
  border:0;
  box-shadow:none;
  position:absolute;
  inset-inline:0;
  top:0;
}
body:has(#guest:not([hidden])) #guest,
body:has(#onboarding:not([hidden])) #onboarding{margin-top:14vh}
body:has(#guest:not([hidden])) #guest .panel,
body:has(#onboarding:not([hidden])) #onboarding .panel{
  border:0;
  border-radius:28px;
  box-shadow:0 30px 80px rgba(9,36,83,.14);
  background:#fff;
}
:root[data-theme=dark] body:has(#workspace:not([hidden])),
:root[data-theme=dark] body:has(#guest:not([hidden])),
:root[data-theme=dark] body:has(#onboarding:not([hidden])),
html.dark body:has(#workspace:not([hidden])),
html.dark body:has(#guest:not([hidden])),
html.dark body:has(#onboarding:not([hidden])){
  background:
    radial-gradient(720px 360px at 8% -8%,rgba(33,166,223,.16),transparent 62%),
    #06101f;
  color:#fff;
}
:root[data-theme=dark] body:has(#workspace:not([hidden])) .portal-topbar,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .shell,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .sidebar,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .main,
html.dark body:has(#workspace:not([hidden])) .portal-topbar,
html.dark body:has(#workspace:not([hidden])) .shell,
html.dark body:has(#workspace:not([hidden])) .sidebar,
html.dark body:has(#workspace:not([hidden])) .main{background:#0c1c33;color:#fff}
:root[data-theme=dark] body:has(#workspace:not([hidden])) .sidebar,
html.dark body:has(#workspace:not([hidden])) .sidebar{border-inline-end-color:#1a3358}
:root[data-theme=dark] body:has(#workspace:not([hidden])) .sidebar .brand-small,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .sidebar .nav-button:hover,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .workspace-head h1,
html.dark body:has(#workspace:not([hidden])) .sidebar .brand-small,
html.dark body:has(#workspace:not([hidden])) .sidebar .nav-button:hover,
html.dark body:has(#workspace:not([hidden])) .workspace-head h1{color:#fff}
:root[data-theme=dark] body:has(#workspace:not([hidden])) .sidebar .nav-button,
html.dark body:has(#workspace:not([hidden])) .sidebar .nav-button{color:#b7c6d8}
:root[data-theme=dark] body:has(#workspace:not([hidden])) .sidebar .nav-button.active,
html.dark body:has(#workspace:not([hidden])) .sidebar .nav-button.active{background:#21a6df;color:#fff}
:root[data-theme=dark] body:has(#workspace:not([hidden])) .panel,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .dashboard-card,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .metric-card,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .row,
:root[data-theme=dark] body:has(#workspace:not([hidden])) .k-card,
html.dark body:has(#workspace:not([hidden])) .panel,
html.dark body:has(#workspace:not([hidden])) .dashboard-card,
html.dark body:has(#workspace:not([hidden])) .metric-card,
html.dark body:has(#workspace:not([hidden])) .row,
html.dark body:has(#workspace:not([hidden])) .k-card{background:#10243f;border-color:#1a3358;color:#fff}
:root[data-theme=dark] .primary,
html.dark .primary{background:#21a6df;color:#fff}
@media(max-width:900px){
  body:has(#workspace:not([hidden])){height:auto;min-height:100vh;overflow:auto;padding:10px}
  body:has(#workspace:not([hidden])) .portal-topbar{border-radius:22px 22px 0 0}
  body:has(#workspace:not([hidden])) .shell{display:block;height:auto;overflow:visible;border-radius:0 0 22px 22px}
  body:has(#workspace:not([hidden])) .sidebar{height:auto;overflow:visible;border-inline-end:0;border-bottom:1px solid #eef2f6}
  body:has(#workspace:not([hidden])) .sidebar nav{display:flex;overflow-x:auto}
  body:has(#workspace:not([hidden])) .sidebar .nav-button{width:auto}
  body:has(#workspace:not([hidden])) .main{overflow:visible}
}

/* Inner page canvas: title on the page, each block its own card. */
body:has(#workspace:not([hidden])) .main{background:#f3f6fa}
body:has(#workspace:not([hidden])) #content .page-canvas{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
  border-radius:0;
}
.page-canvas-head{margin:0 0 14px}
.page-canvas-head h2{margin:0;font-size:28px;line-height:1.3;letter-spacing:-.04em;color:#092453}
.page-canvas-body{display:flex;flex-direction:column;gap:14px}
.page-canvas-body>p{margin:0;max-width:68ch;color:#5c6c87;line-height:1.75}
.page-canvas-body>h3{margin:8px 0 0;font-size:15px;color:#092453}
.page-canvas-body>form:not(#hours-form):not(#items-form),
.page-canvas-body>.notice,
.page-canvas-body>.thumbs,
.page-canvas-body>.feature-lock,
.page-canvas-body>#channel-status,
.page-canvas-body>.inline,
.page-canvas-body>#offer-editor,
.page-canvas-body>#support-thread,
.page-canvas-body>.dashboard-card,
.row,.item-editor,.k-card,.k-stats article,.activity-card,.msg-page-card,.msg-connect-wrap,.msg-agent-row,.home-agent-controls{
  background:#fff;
  border:1px solid #e8eef5;
  border-radius:22px;
  box-shadow:0 10px 28px rgba(9,36,83,.045);
}
.page-canvas-body>form:not(#hours-form):not(#items-form),
.page-canvas-body>.notice,
.page-canvas-body>.thumbs,
.page-canvas-body>.feature-lock,
.page-canvas-body>#channel-status,
.page-canvas-body>#offer-editor,
.page-canvas-body>#support-thread,
.page-canvas-body>.dashboard-card{padding:20px 22px}
#hours-form,#items-form,#offer-list,#knowledge-workspace,#item-rows,#support-tickets{background:transparent;border:0;box-shadow:none;padding:0}
#hours-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#hours-form>div:first-child,#hours-form>.primary{grid-column:1/-1}
#hours-form>div:first-child{background:#fff!important;border:1px solid #e8eef5!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(9,36,83,.045)}
#hours-form .row{margin:0}
#hours-form .row h3{margin:0 0 10px}
#item-rows{display:flex;flex-direction:column;gap:12px}
.item-editor .grid{grid-template-columns:1.3fr .7fr .7fr .5fr}
#items-form>.actions,#profile-form>.actions,#photos-form>.actions,#settings-form>.actions,#notification-form>.actions,#plan-form>.actions,#member-form>.actions,#support-form>.actions{
  margin:0;
  padding-top:4px;
}
.page-canvas-body>.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}
.page-canvas-body>.thumbs img,.item-editor .thumbs img{width:100%;height:148px;border-radius:16px;object-fit:cover}
.item-editor .thumbs{display:flex;margin:0}
.item-editor .thumbs img{width:84px;height:84px}
#order-filter-form,#admin-order-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
#order-filter-form .grid,#admin-order-filter .grid{margin:0}
#order-filter-form .actions,#admin-order-filter .actions{margin:0}
article.row .row-head{align-items:center}
article.row .row-head span{background:#e7f6fc;color:#0c6f99;border-radius:999px;padding:4px 12px;font-weight:800;font-size:13px}
article.row p{margin:0}
#content:has(#member-form) .row,#support-tickets .row,#content:has(#notification-form) .row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
#settings-form .inline,#profile-form .inline,#hours-form .inline{
  background:#f6f8fb;border:1px solid #e8eef5;border-radius:14px;padding:10px 12px;min-height:46px;
}
#profile-form .field.full>.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.feature-lock{text-align:center;padding:42px 24px}
.feature-lock-icon{font-size:36px;margin-bottom:8px}
.page-canvas-body:has(#channel-status){max-width:820px}
#channel-status{text-align:center}
#channel-status .notice{margin:0 auto 12px}
.k-hero{background:transparent;border:0;box-shadow:none;padding:0}
.k-guide-grid{gap:14px}
#support-messages .chat{background:#f6f8fb;border-radius:16px;padding:12px 14px;margin:8px 0}
#support-thread{display:flex;flex-direction:column;gap:12px}
.page-canvas .actions{margin-top:0}
:root[data-theme=dark] body:has(#workspace:not([hidden])) .main,
html.dark body:has(#workspace:not([hidden])) .main{background:#071422}
:root[data-theme=dark] body:has(#workspace:not([hidden])) #content .page-canvas,
html.dark body:has(#workspace:not([hidden])) #content .page-canvas{background:transparent;border:0;box-shadow:none}
:root[data-theme=dark] .page-canvas-head h2,
html.dark .page-canvas-head h2{color:#fff}
:root[data-theme=dark] #hours-form>div:first-child,
html.dark #hours-form>div:first-child{background:#10243f!important;border-color:#1a3358!important}
@media(max-width:900px){
  #hours-form,.item-editor .grid,#order-filter-form,#admin-order-filter{grid-template-columns:1fr}
  .page-canvas-head h2{font-size:22px}
}

/* Dark theme: keep text readable on every inner surface. */
:root[data-theme=dark] .metric-card,
:root[data-theme=dark] .metric-grid .metric-card:first-child,
:root[data-theme=dark] .dashboard-card,
:root[data-theme=dark] .analytics-grid .dashboard-card:first-child,
:root[data-theme=dark] .home-agent-controls,
:root[data-theme=dark] .home-agent-card,
:root[data-theme=dark] .page-canvas-body>form,
:root[data-theme=dark] .item-editor,
:root[data-theme=dark] .row,
:root[data-theme=dark] .k-card,
:root[data-theme=dark] .k-stats article,
:root[data-theme=dark] .activity-card,
:root[data-theme=dark] .msg-page-card,
:root[data-theme=dark] .msg-connect-wrap,
:root[data-theme=dark] .msg-agent-row,
:root[data-theme=dark] #hours-form>div:first-child,
:root[data-theme=dark] #guest .panel,
:root[data-theme=dark] #onboarding .panel,
:root[data-theme=dark] .feature-lock,
:root[data-theme=dark] #offer-editor,
:root[data-theme=dark] #support-thread,
:root[data-theme=dark] .page-canvas-body>.thumbs,
:root[data-theme=dark] #channel-status{
  background:#10243f!important;
  border-color:#1a3358!important;
  color:#f4f8fb!important;
}
:root[data-theme=dark] .notice,
:root[data-theme=dark] .page-canvas-body>.notice,
:root[data-theme=dark] #channel-status .notice{
  background:#0e345f!important;
  color:#f4f8fb!important;
  border-color:rgba(33,166,223,.4)!important;
}
:root[data-theme=dark] .field,
:root[data-theme=dark] .field small,
:root[data-theme=dark] .page-canvas-body>p,
:root[data-theme=dark] .page-canvas-body>h3,
:root[data-theme=dark] .workspace-head small,
:root[data-theme=dark] .metric-card>small,
:root[data-theme=dark] .metric-top,
:root[data-theme=dark] .card-heading p,
:root[data-theme=dark] .row p,
:root[data-theme=dark] label{
  color:#d5e2f0!important;
}
:root[data-theme=dark] .metric-card>strong,
:root[data-theme=dark] .workspace-head h1,
:root[data-theme=dark] .page-canvas-head h2,
:root[data-theme=dark] .dashboard-hero h2,
:root[data-theme=dark] .k-hero h2,
:root[data-theme=dark] .row h3,
:root[data-theme=dark] .k-card h3,
:root[data-theme=dark] .card-heading h3{
  color:#fff!important;
}
:root[data-theme=dark] .field input,
:root[data-theme=dark] .field select,
:root[data-theme=dark] .field textarea,
:root[data-theme=dark] #k-search,
:root[data-theme=dark] .period-control select{
  background:#071422!important;
  color:#fff!important;
  border-color:#1a3358!important;
}
:root[data-theme=dark] .field input::placeholder,
:root[data-theme=dark] .field textarea::placeholder{color:#8aa0b8}
:root[data-theme=dark] .inline,
:root[data-theme=dark] #settings-form .inline,
:root[data-theme=dark] #profile-form .inline,
:root[data-theme=dark] #hours-form .inline{
  background:#071422!important;
  color:#f4f8fb!important;
  border-color:#1a3358!important;
}
:root[data-theme=dark] .secondary,
:root[data-theme=dark] #guest .actions .secondary,
:root[data-theme=dark] .sidebar>[data-logout]{
  background:#0e345f!important;
  color:#fff!important;
  border-color:#1a3358!important;
}
:root[data-theme=dark] .primary{background:#21a6df!important;color:#fff!important}
:root[data-theme=dark] .sidebar .nav-button{color:#d6e4f2!important}
:root[data-theme=dark] .sidebar .nav-button.active,
:root[data-theme=dark] .sidebar .nav-button.active:hover{background:#21a6df!important;color:#fff!important}
:root[data-theme=dark] .sidebar .nav-section,
:root[data-theme=dark] .sidebar .support-note{color:#9eb4cc!important}
:root[data-theme=dark] .sidebar .support-note{background:#071422!important}
:root[data-theme=dark] .portal-topbar .theme-switch,
:root[data-theme=dark] .portal-topbar .inbox-bell{
  background:#10243f!important;
  color:#fff!important;
  border-color:#1a3358!important;
}
:root[data-theme=dark] .segmented,
:root[data-theme=dark] .period-control,
:root[data-theme=dark] #guest .actions,
:root[data-theme=dark] #support-messages .chat,
:root[data-theme=dark] .table-scroll,
:root[data-theme=dark] .table-scroll th{
  background:#071422!important;
  color:#d5e2f0!important;
  border-color:#1a3358!important;
}
:root[data-theme=dark] .segmented button.active{background:#10243f!important;color:#fff!important}
:root[data-theme=dark] .k-tabs button{background:#10243f!important;color:#d5e2f0!important;border-color:#1a3358!important}
:root[data-theme=dark] .k-tabs .selected{background:#0e345f!important;color:#7fd4f5!important;border-color:#21a6df!important}
:root[data-theme=dark] article.row .row-head span{background:#0e345f!important;color:#7fd4f5!important}
:root[data-theme=dark] .task-link,
:root[data-theme=dark] .product-rank,
:root[data-theme=dark] .checklist>div{color:#f4f8fb}
:root[data-theme=dark] .chart-empty,
:root[data-theme=dark] .empty-card,
:root[data-theme=dark] .muted{color:#b7c6d8!important}