/* White-label layer: loaded last. All visual identity comes from client configuration. */
:root{
  --bg:var(--brand-bg);--bg2:var(--brand-bg-alt);--panel:var(--brand-surface);--panel2:var(--brand-surface-alt);
  --text:var(--brand-text);--muted:var(--brand-muted);--line:color-mix(in srgb,var(--brand-line) 72%,transparent);
  --cyan:var(--brand-primary);--blue:var(--brand-secondary);--green:var(--brand-success);--orange:var(--brand-warning);--red:var(--brand-danger);
  --radius:var(--brand-radius);--focus:var(--brand-primary);color-scheme:dark;
}
html,body{font-family:var(--brand-font)!important}
body{
  background:radial-gradient(ellipse at 14% -8%,color-mix(in srgb,var(--brand-primary) 25%,transparent),transparent 38%),
             radial-gradient(ellipse at 88% 4%,color-mix(in srgb,var(--brand-secondary) 20%,transparent),transparent 34%),
             linear-gradient(180deg,var(--brand-bg),var(--brand-bg-alt) 58%,var(--brand-bg))!important;
  color:var(--brand-text)!important;background-attachment:fixed!important;
}
body:before{background:radial-gradient(ellipse at 20% 28%,color-mix(in srgb,var(--brand-primary) 18%,transparent),transparent 24%),radial-gradient(ellipse at 74% 20%,color-mix(in srgb,var(--brand-secondary) 16%,transparent),transparent 27%),radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--brand-accent) 8%,transparent),transparent 30%)!important;filter:blur(80px)!important}
body:after{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-bg) 4%,transparent),color-mix(in srgb,var(--brand-bg) 36%,transparent))!important}
.eyebrow,.text-btn,.business-link b,.setting-icon,.quick-icon,.kpi-icon,.icon-swatch,.empty-icon,.timeline-date span,.doc-icon,.report-card>span{color:var(--brand-primary)!important;text-shadow:none!important}
.topbar h1,.dashboard-menu-label{text-shadow:none!important}
.panel-card,.business-card,.module-kpis article,.report-card,.performance-panel,.kpi-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand-surface) 94%,transparent),color-mix(in srgb,var(--brand-bg) 96%,transparent))!important;
  border-color:color-mix(in srgb,var(--brand-line) 62%,transparent)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.24)!important;border-radius:var(--brand-radius)!important;
}
.performance-panel{--accent:var(--brand-primary)!important}.performance-panel.cmc{--accent:var(--brand-secondary)!important}.performance-panel.ctp{--accent:var(--brand-accent)!important}
.activity-chip,.period-pill,.db-pill,.round-btn,.home-dashboard-btn,.m3-auth-trigger,.simple-table button,.document-grid button,.report-card button,.alert-row button,.timeline-list button,.task-item button{
  background:color-mix(in srgb,var(--brand-surface-alt) 88%,transparent)!important;border-color:color-mix(in srgb,var(--brand-line) 70%,transparent)!important;color:var(--brand-text)!important;
}
.activity-chip:hover,.activity-chip.active,.home-dashboard-btn:hover,.m3-auth-trigger:hover{
  border-color:color-mix(in srgb,var(--brand-primary) 62%,transparent)!important;background:color-mix(in srgb,var(--brand-primary) 15%,var(--brand-surface))!important;box-shadow:none!important;
}
.primary-action,.full-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary))!important;border-color:transparent!important;color:#fff!important}
.ghost-action,.filter,.segment{border-color:color-mix(in srgb,var(--brand-line) 70%,transparent)!important;background:color-mix(in srgb,var(--brand-surface-alt) 72%,transparent)!important;color:var(--brand-muted)!important}
.filter.active,.segment.active{background:color-mix(in srgb,var(--brand-primary) 16%,var(--brand-surface))!important;color:var(--brand-text)!important;border-color:color-mix(in srgb,var(--brand-primary) 45%,transparent)!important}
.dashboard-menu-button img{filter:none!important}.dashboard-menu-button:hover{filter:none!important}
.dashboard-menu-label{color:var(--brand-text)!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;animation:none!important;font-weight:850!important}
.dashboard-menu-button::after{background:color-mix(in srgb,var(--brand-bg) 96%,transparent)!important;border-color:color-mix(in srgb,var(--brand-primary) 45%,transparent)!important;color:var(--brand-text)!important;box-shadow:0 12px 30px rgba(0,0,0,.32)!important}
.topbar-brand-logo,.brand-logo img{filter:none!important;object-fit:contain}.topbar-brand-logo{max-width:min(240px,28vw)}
.brand-orb{background:color-mix(in srgb,var(--brand-surface-alt) 90%,transparent)!important;border-color:color-mix(in srgb,var(--brand-primary) 35%,transparent)!important;box-shadow:none!important}
.dot.cms,.business-logo.cms{background:var(--brand-primary)!important}.dot.cmc,.business-logo.cmc{background:var(--brand-secondary)!important}.dot.ctp,.business-logo.ctp{background:var(--brand-accent)!important}
.bar.sales,.cash-chart i:before{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) 68%,#fff),var(--brand-primary))!important;color:var(--brand-primary)!important}.bar.expenses,.cash-chart i:after{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-danger) 68%,#fff),var(--brand-danger))!important;color:var(--brand-danger)!important}.bar.result{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-success) 70%,#fff),var(--brand-success))!important;color:var(--brand-success)!important}
.performance-legend i.sales{background:var(--brand-primary)!important}.performance-legend i.expenses{background:var(--brand-danger)!important}.performance-legend i.result{background:var(--brand-success)!important}
.ui-status.ok{color:var(--brand-success)!important}.ui-status.verify{color:var(--brand-primary)!important}.ui-status.late,.ui-status.missing{color:var(--brand-warning)!important}.ui-status.blocked{color:var(--brand-danger)!important}.ui-status.anomaly{color:var(--brand-accent)!important}
input,select,textarea,.demo-field input{background:var(--brand-surface-alt)!important;color:var(--brand-text)!important;border-color:var(--brand-line)!important;accent-color:var(--brand-primary)!important}
input:focus,select:focus,textarea:focus{border-color:var(--brand-primary)!important;outline:3px solid color-mix(in srgb,var(--brand-primary) 18%,transparent)!important}
.modal-card,.drawer{background:linear-gradient(145deg,var(--brand-surface),var(--brand-bg-alt))!important;border-color:color-mix(in srgb,var(--brand-primary) 35%,transparent)!important}
.toast{background:color-mix(in srgb,var(--brand-bg) 96%,transparent)!important;border-color:color-mix(in srgb,var(--brand-primary) 35%,transparent)!important;border-left-color:var(--brand-primary)!important}
a{color:var(--brand-primary)}
@media(prefers-reduced-motion:reduce){body:before{animation:none!important}}
