/* Color bindings only: the workspace layout owns every dimension and position. */
html[data-bs-theme] body.sg-workspace {
  --sg-accent:var(--sg-user-accent,var(--sg-admin-accent,#f5bf00));
  --sg-accent-ink:var(--sg-user-accent,var(--sg-admin-accent,#8a6500));
  --sg-accent-soft:var(--sg-user-accent-soft,var(--sg-admin-accent-soft,#fff5d6));
  --sg-on-accent:var(--sg-user-on-accent,var(--sg-admin-on-accent,#202024));
  --sg-ink:var(--sg-user-ink,var(--sg-admin-ink,#202024));
  --sg-muted:var(--sg-user-muted,color-mix(in srgb,var(--sg-ink) 62%,var(--sg-surface)));
  --sg-page:var(--sg-user-page,var(--sg-admin-page,#f7f7f5));
  --sg-surface:var(--sg-user-surface,var(--sg-admin-surface,#fff));
  --sg-border:var(--sg-user-border,var(--sg-admin-border,#e7e4db));
  --sg-line:var(--sg-border);
  --sg-header:var(--sg-user-header,var(--sg-admin-header,var(--sg-surface)));
  --sg-nav-bg:var(--sg-user-nav,#202024);
  --sg-nav-ink:var(--sg-user-nav-ink,#eeece6);
  --sg-nav-muted:var(--sg-user-nav-muted,#bdbbb5);
  --sg-chart:var(--sg-user-chart,var(--sg-admin-chart,var(--sg-accent)));
  --sg-chart-secondary:var(--sg-user-chart-secondary,var(--sg-admin-chart-secondary,#f3e5b2));
  --sg-track:var(--sg-chart-secondary);
  --bs-primary:var(--sg-accent);
  --bs-primary-rgb:var(--sg-user-accent-rgb,var(--sg-admin-accent-rgb,245,191,0));
  --bs-body-color:var(--sg-ink);
  --bs-body-bg:var(--sg-page);
  --bs-page-bg:var(--sg-page);
  --bs-card-bg:var(--sg-surface);
  --bs-modal-bg:var(--sg-surface);
  --bs-border-color:var(--sg-border);
  --el-color-primary:var(--sg-accent);
  --el-color-primary-light-9:var(--sg-accent-soft);
  --el-color-primary-light-8:color-mix(in srgb,var(--sg-accent) 20%,var(--sg-surface));
  --el-bg-color:var(--sg-surface);
  --el-bg-color-overlay:var(--sg-surface);
  --el-fill-color-blank:var(--sg-surface);
  --el-fill-color-light:var(--sg-accent-soft);
  --el-text-color-primary:var(--sg-ink);
  --el-text-color-regular:var(--sg-ink);
  --el-text-color-secondary:var(--sg-muted);
  --el-text-color-placeholder:var(--sg-muted);
  --el-border-color:var(--sg-border);
  --el-border-color-light:var(--sg-border);
  background-color:var(--sg-page) !important;
  color:var(--sg-ink) !important;
}
html[data-bs-theme] body.sg-workspace #app :is(h1,h2,h3,h4,h5,h6) {color:var(--sg-ink) !important;}
html[data-bs-theme] body.sg-workspace #app a {color:var(--sg-accent-ink);}
html[data-bs-theme] body.sg-workspace #app :is(.text-muted,.text-gray-400,.text-gray-500,.text-gray-600) {color:var(--sg-muted) !important;}
html[data-bs-theme] body.sg-workspace #app :is(.card,.el-card,.dp-panel,.dp-kpi,.dp-hero),
html[data-bs-theme] body.sg-workspace :is(.modal-content,.el-dialog,.swal2-popup) {
  background-color:var(--sg-surface) !important; color:var(--sg-ink) !important;
  border-color:var(--sg-border) !important;
}
html[data-bs-theme] body.sg-workspace #app :is(.card-header,.card-body,.card-footer) {background-color:var(--sg-surface) !important;color:var(--sg-ink) !important;border-color:var(--sg-border) !important;}
html[data-bs-theme] body.sg-workspace #app :is(.btn-primary,.el-button--primary) {
  --el-button-bg-color:var(--sg-accent);--el-button-border-color:var(--sg-accent);
  background:linear-gradient(115deg,var(--sg-user-gradient-start,var(--sg-admin-gradient-start,#ffdc62)),var(--sg-user-gradient-end,var(--sg-admin-gradient-end,#e8b92d))) !important;
  border-color:var(--sg-accent) !important;color:var(--sg-on-accent) !important;
}
html[data-bs-theme] body.sg-workspace #app :is(.btn-light,.btn-light-primary) {background:var(--sg-accent-soft) !important;border-color:var(--sg-border) !important;color:var(--sg-accent-ink) !important;}
html[data-bs-theme] body.sg-workspace #app :is(.form-control,.form-select,.el-input__wrapper,.el-select__wrapper,.el-textarea__inner) {background-color:var(--sg-surface) !important;color:var(--sg-ink) !important;border-color:var(--sg-border) !important;}
html[data-bs-theme] body.sg-workspace #app :is(.el-input__inner,.el-range-input,.el-select__input) {color:var(--sg-ink) !important;}
html[data-bs-theme] body.sg-workspace #app :is(.form-control,.form-select,.el-input__wrapper,.el-select__wrapper):focus-within {border-color:var(--sg-accent) !important;box-shadow:0 0 0 3px var(--sg-accent-soft) !important;}
html[data-bs-theme] body.sg-workspace #app :is(input[type=checkbox],input[type=radio]) {accent-color:var(--sg-accent) !important;}
html[data-bs-theme] body.sg-workspace #app :is(.el-checkbox__input.is-checked .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner) {background:var(--sg-accent) !important;border-color:var(--sg-accent) !important;}
html[data-bs-theme] body.sg-workspace #app .page-item.active .page-link {background:var(--sg-accent) !important;color:var(--sg-on-accent) !important;}
html[data-bs-theme] body.sg-workspace #app .table {color:var(--sg-ink) !important;}
html[data-bs-theme] body.sg-workspace #app .table thead th {background:var(--sg-accent-soft) !important;color:var(--sg-muted) !important;border-color:var(--sg-border) !important;}
html[data-bs-theme] body.sg-workspace #app .table tbody td {background:var(--sg-surface) !important;color:var(--sg-ink) !important;border-color:var(--sg-border) !important;}
html[data-bs-theme] body.sg-workspace #app .table tbody tr:hover > td {background:color-mix(in srgb,var(--sg-accent) 4%,var(--sg-surface)) !important;}
html[data-bs-theme] body.sg-workspace #app .table .alert-success {background:color-mix(in srgb,var(--bs-success) 12%,var(--sg-surface)) !important;color:var(--bs-success) !important;}
html[data-bs-theme] body.sg-workspace #app .table .alert-info {background:var(--sg-accent-soft) !important;color:var(--sg-accent-ink) !important;}
html[data-bs-theme] body.sg-workspace :is(.el-popper,.el-dropdown-menu,.el-dropdown-menu__item) {background-color:var(--sg-surface) !important;color:var(--sg-ink) !important;border-color:var(--sg-border) !important;}
html[data-bs-theme] body.sg-workspace .el-dropdown-menu__item:hover {color:var(--sg-accent-ink) !important;background:var(--sg-accent-soft) !important;}
html[data-bs-theme] body.sg-workspace :is(.modal-header,.modal-footer) {border-color:var(--sg-border) !important;}
html[data-bs-theme] body.sg-workspace #app .sg-operation-note {background:var(--sg-surface);color:var(--sg-muted);border-color:var(--sg-border);border-left-color:var(--sg-accent);}

html[data-bs-theme] body.sg-workspace #sg-workspace-topbar {background:var(--sg-header);color:var(--sg-ink);border-color:var(--sg-border);}
html[data-bs-theme] body.sg-workspace #sg-workspace-topbar a {color:var(--sg-ink);}
html[data-bs-theme] body.sg-workspace :is(.sg-top-route,.sg-top-notifications) {border-color:var(--sg-border);}
html[data-bs-theme] body.sg-workspace .sg-top-search label {background:var(--sg-accent-soft);color:var(--sg-accent-ink);}
html[data-bs-theme] body.sg-workspace .sg-top-search input {color:var(--sg-ink) !important;}
html[data-bs-theme] body.sg-workspace .sg-top-account svg {background:var(--sg-accent-soft);color:var(--sg-accent-ink);}
html[data-bs-theme] body.sg-workspace :is(#sg-nav-search-results) {background:var(--sg-surface);border-color:var(--sg-border);}
html[data-bs-theme] body.sg-workspace #sg-nav-search-results :is(a:hover,a:focus) {background:var(--sg-accent-soft);}
html[data-bs-theme] body.sg-workspace #sg-workspace-nav {background:var(--sg-nav-bg);color:var(--sg-nav-muted);}
html[data-bs-theme] body.sg-workspace #sg-workspace-nav :is(summary,.sg-nav-link) {color:var(--sg-nav-muted);}
html[data-bs-theme] body.sg-workspace .sg-nav-toggle {color:var(--sg-nav-ink);}
html[data-bs-theme] body.sg-workspace #sg-workspace-nav .is-current > summary {
  background:linear-gradient(120deg,var(--sg-user-gradient-start,var(--sg-admin-gradient-start,#ffdc62)),var(--sg-user-gradient-end,var(--sg-admin-gradient-end,#e8b92d)));
  color:var(--sg-on-accent);
}
html[data-bs-theme] body.sg-workspace #sg-workspace-nav .sg-nav-link.is-active {color:var(--sg-nav-ink);}
html[data-bs-theme] body.sg-workspace #sg-workspace-nav :is(summary:hover,.sg-nav-link:hover,.sg-nav-link:focus-visible) {
  background:color-mix(in srgb,var(--sg-accent) 16%,var(--sg-nav-bg));
  color:var(--sg-nav-ink);
}
html[data-bs-theme] body.sg-workspace #sg-workspace-nav .is-current > summary:hover {
  background:var(--sg-accent);color:var(--sg-on-accent);
}
html[data-bs-theme] body.sg-workspace .sg-top-toggle {background:var(--sg-accent-soft);color:var(--sg-accent-ink);}
html[data-bs-theme] body.sg-workspace #sg-workspace-shell :focus-visible {outline-color:var(--sg-accent);}
html[data-bs-theme] body.sg-workspace .mobile-glass-nav {background:var(--sg-nav-bg) !important;}

html[data-bs-theme] body.sg-workspace #app .dp-dashboard {
  --dp-ink:var(--sg-ink);--dp-muted:var(--sg-muted);--dp-blue:var(--sg-chart);--dp-accent:var(--sg-chart);--dp-border:var(--sg-border);--dp-soft:var(--sg-accent-soft);
}
html[data-bs-theme] body.sg-workspace #app .dp-donut {--sg-accent:var(--sg-chart);--sg-track:var(--sg-chart-secondary);}
html[data-bs-theme] body.sg-workspace #app .dp-hero {
  background:linear-gradient(120deg,var(--sg-user-hero-start,var(--sg-admin-hero-start,var(--sg-surface))),var(--sg-user-hero-end,var(--sg-admin-hero-end,var(--sg-surface)))) !important;
  color:var(--sg-ink) !important;
}
html[data-bs-theme] body.sg-workspace #app :is(.dp-hero p,.dp-hero .dp-eyebrow,.dp-kpi-top,.dp-sub,.dp-bottom) {color:var(--sg-muted) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-hero .dp-eyebrow {color:var(--sg-accent-ink) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-hero :is(button,a) {color:var(--sg-accent-ink) !important;background:var(--sg-accent-soft) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-hero a:last-child {background:var(--sg-accent) !important;color:var(--sg-on-accent) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-kpi .dp-value {color:var(--sg-ink) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-icon {background:var(--sg-accent-soft) !important;color:var(--sg-accent-ink) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-fill {background:var(--sg-chart) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-track {background:var(--sg-accent-soft) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-tabs {background:var(--sg-accent-soft) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-tab {color:var(--sg-muted) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-tab[aria-selected=true] {background:var(--sg-surface) !important;color:var(--sg-accent-ink) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-action {background:var(--sg-surface) !important;border-color:var(--sg-border) !important;}
html[data-bs-theme] body.sg-workspace #app .dp-donut-center {background:var(--sg-surface) !important;color:var(--sg-ink) !important;}