/* Client-only neutral design system; admin/shared assets are unchanged. */
body.client-dashboard.sb-dashboard[data-palette="warm"] {
  --bg:#f7f7f4; --surface:#ffffff; --surface-secondary:#f0f1ed;
  --text:#292d28; --text-muted:#62675e; --text-caption:#656a60;
  --border:#e4e6df; --border-control:#858b7e;
  --primary:#292d28; --primary-hover:#1e221d; --primary-active:#141813;
  --primary-contrast:#ffffff; --primary-soft:#edf2ee; --primary-text:#3b6558;
  --detail-accent:#52786d; --focus:#507468;
  --table-header-bg:#f3f4f1; --table-header-text:#5f625b;
}
body.client-dashboard.sb-dashboard[data-palette="cool"] {
  --bg:#f6f8fa; --surface:#ffffff; --surface-secondary:#f0f3f6;
  --text:#26313e; --text-muted:#596779; --text-caption:#5e6b7c;
  --border:#e3e8ee; --border-control:#8390a0;
  --primary:#273445; --primary-hover:#1d2837; --primary-active:#142031;
  --primary-contrast:#ffffff; --primary-soft:#edf2f7; --primary-text:#486783;
  --detail-accent:#6a83a0; --focus:#57718f;
  --table-header-bg:#f2f5f8; --table-header-text:#596779;
}
html[data-theme="dark"] body.client-dashboard.sb-dashboard[data-palette="warm"] {
  --bg:#191a18; --surface:#20211f; --surface-secondary:#292b28;
  --text:#eceee9; --text-muted:#b5b8af; --text-caption:#a5aaa0;
  --border:#383b35; --border-control:#797e73;
  --primary:#e4e7df; --primary-hover:#f1f3ed; --primary-active:#ffffff;
  --primary-contrast:#20211f; --primary-soft:#2c3530; --primary-text:#afd0c3;
  --detail-accent:#8eafa1; --focus:#afc6b7;
  --table-header-bg:#292c27; --table-header-text:#b5b8af;
}
html[data-theme="dark"] body.client-dashboard.sb-dashboard[data-palette="cool"] {
  --bg:#151a22; --surface:#1c232d; --surface-secondary:#252e3a;
  --text:#e6ebf2; --text-muted:#afbbc9; --text-caption:#a1aebf;
  --border:#343e4b; --border-control:#76879b;
  --primary:#dde5ef; --primary-hover:#f0f4f8; --primary-active:#ffffff;
  --primary-contrast:#1c2633; --primary-soft:#293442; --primary-text:#acc1dc;
  --detail-accent:#91a8c4; --focus:#9fb7d4;
  --table-header-bg:#242d38; --table-header-text:#b7c3d1;
}
body.client-dashboard .client-workspace-row {display:flex;align-items:center;gap:4px;width:100%;min-width:0}
body.client-dashboard .client-workspace-row .sb-business-trigger {flex:1;min-width:0}
body.client-dashboard .client-workspace-row .sb-collapse {width:36px;flex:0 0 36px;padding:8px}
body.client-dashboard .sb-sidebar-top {padding:12px 8px 8px}
body.client-dashboard .sb-sidebar-footer {padding:8px}
body.client-dashboard .client-mobile-nav {display:none}
body.client-dashboard .main {padding-top:0}
body.client-dashboard .content {padding-top:24px}
/* Quiet, consistent content rhythm; metrics use neutral surfaces. */
body.client-dashboard .content {max-width:1320px;padding:24px 28px 40px;margin-inline:auto}
body.client-dashboard .card {padding:20px;border-radius:8px;box-shadow:none}
body.client-dashboard .card h2 {font-size:16px;font-weight:600;letter-spacing:-.015em;margin-bottom:8px}
body.client-dashboard .card .desc {margin-bottom:16px;line-height:1.55}
body.client-dashboard .kpis {gap:12px;margin-bottom:20px}
body.client-dashboard .kpis .kpi {min-height:112px;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:none}
body.client-dashboard .kpis .kpi:hover {border-color:var(--border);box-shadow:none;transform:none}
body.client-dashboard .kpis .kpi .kpi-ico {width:28px;height:28px;margin-bottom:12px;border-radius:6px;background:var(--surface-secondary);color:var(--primary-text)}
body.client-dashboard .kpis .kpi .kpi-ico svg {width:16px;height:16px}
body.client-dashboard .kpis .kpi .value {font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.15}
body.client-dashboard .kpis .kpi .label {font-size:12px;font-weight:500}
body.client-dashboard .kpis .kpi .hint {font-size:12px;margin-top:6px}
body.client-dashboard .sb-sidebar {background:var(--bg)}
body.client-dashboard .sb-sidebar-footer {background:var(--bg);border-top-color:var(--border)}
body.client-dashboard .sb-business-trigger {background:transparent;border-color:transparent;height:52px}
body.client-dashboard .sb-business-trigger:hover {background:var(--surface-secondary)}
body.client-dashboard .sb-nav-link[aria-current="page"] {background:var(--surface-secondary);color:var(--text);box-shadow:inset 3px 0 var(--detail-accent);font-weight:600}
body.client-dashboard .sb-nav-link[aria-current="page"] .sb-icon {color:var(--primary-text)}
body.client-dashboard .sb-navigation .sb-nav-group+.sb-nav-group {margin-top:16px}
body.client-dashboard .client-billing-active {background:var(--surface-secondary);box-shadow:inset 3px 0 var(--detail-accent);color:var(--text)}
body.client-dashboard .tabs {background:var(--surface-secondary);border-color:var(--border);border-radius:8px}
body.client-dashboard .tab.active {background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000000a}
body.client-dashboard table.data td {padding:12px 14px}
body.client-dashboard table.data th {padding:10px 14px}
body.client-dashboard .conv-pane.cols {gap:16px}
body.client-dashboard table.data :is(th,thead th) {background:var(--table-header-bg);color:var(--table-header-text);border-color:var(--border)}
body.client-dashboard .client-appearance {margin-top:24px;padding-top:4px;border-top:1px solid var(--border)}
.client-palette-options {display:grid;gap:8px;margin:16px 0 24px}
.client-palette-choice {display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px;border:1px solid var(--border-control);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left}
.client-palette-choice strong {display:block;font-size:13px;font-weight:600}
.client-palette-choice small {display:block;margin-top:2px;color:var(--text-muted);font-size:12px}
.client-palette-choice:hover {background:var(--surface-secondary)}
.client-palette-choice[aria-pressed="true"] {border:2px solid var(--primary);padding:11px;background:var(--primary-soft)}
.client-palette-check {margin-left:auto;color:var(--primary-text);font-size:12px;font-weight:600}
/* Small material swatches: neutral canvas, action, restrained accent. */
.client-palette-preview {display:flex;align-items:center;gap:3px;width:56px;height:36px;padding:4px;border-radius:6px;flex:0 0 56px;background:#f7f7f4;border:1px solid #e4e6df}
.client-palette-preview span {height:100%;flex:1;border-radius:3px;background:#f0f1ed}
.client-palette-preview span:nth-child(2) {background:#292d28}
.client-palette-preview span:nth-child(3) {background:#52786d}
[data-palette-option="cool"] .client-palette-preview {background:#f6f8fa;border-color:#e3e8ee}
[data-palette-option="cool"] .client-palette-preview span {background:#f0f3f6}
[data-palette-option="cool"] .client-palette-preview span:nth-child(2) {background:#273445}
[data-palette-option="cool"] .client-palette-preview span:nth-child(3) {background:#6a83a0}
body.client-dashboard.sb-collapsed .client-workspace-row {flex-direction:column;gap:4px}
body.client-dashboard.sb-collapsed .client-workspace-row .sb-business-trigger {flex:none}
body.client-dashboard.sb-collapsed .client-workspace-row .sb-collapse {width:44px;flex-basis:40px}
@media(max-width:767px) {
  body.client-dashboard .main {padding-top:64px}
  body.client-dashboard .client-mobile-nav {display:inline-flex;position:fixed;left:12px;top:12px;z-index:25;background:var(--surface);border:1px solid var(--border-control);box-shadow:var(--shadow-l1);margin:0}
  body.client-dashboard .content {padding:16px 16px 32px}
  body.client-dashboard .card {padding:16px}
  body.client-dashboard .kpis .kpi {padding:16px}
  body.client-dashboard .kpis .kpi .value {font-size:26px}
  body.client-dashboard .client-workspace-row .sb-collapse {width:44px;height:44px;flex-basis:44px}
  .client-palette-choice {min-height:72px}
  .client-palette-check {font-size:11px}
}