/* Workspace colour system. Keep data surfaces opaque; colour identifies a
   destination or a labelled status, never permission or an invented metric.
   Loaded before mobile.css so phone geometry retains its shared contracts. */
:root{
 --work-green:#16684d;--work-green-tint:#eaf6ef;--work-green-line:#aacfb9;
 --work-blue:#2458a6;--work-blue-tint:#edf3ff;--work-blue-line:#b5ccef;
 --work-teal:#126776;--work-teal-tint:#e8f6f8;--work-teal-line:#a6ced5;
 --work-purple:#6b4298;--work-purple-tint:#f3edfb;--work-purple-line:#cdb8e4;
 --work-amber:#805411;--work-amber-tint:#fff5e3;--work-amber-line:#dec594;
 --sfa-plan-accent:var(--work-blue);--sfa-plan-tint:var(--work-blue-tint);--sfa-plan-border:var(--work-blue-line);
 --workspace-accent:var(--work-green);--workspace-tint:var(--work-green-tint);--workspace-line:var(--work-green-line);
 --workspace-success-text:var(--success-700);--workspace-success-tint:var(--success-100);--workspace-success-border:var(--work-green-line);
 --workspace-warning-text:var(--warn-700);--workspace-warning-tint:var(--warn-100);--workspace-warning-border:var(--work-amber-line);
 --workspace-danger-text:var(--danger-700);--workspace-danger-tint:var(--danger-100);--workspace-danger-border:var(--danger-700);
}
:root[data-theme=dark]{
 --work-green:#a9e7c5;--work-green-tint:#213e32;--work-green-line:#527960;
 --work-blue:#b5d1ff;--work-blue-tint:#243b56;--work-blue-line:#526f94;
 --work-teal:#a4e4ed;--work-teal-tint:#213e45;--work-teal-line:#4f7a83;
 --work-purple:#dbc1ff;--work-purple-tint:#3c2e4d;--work-purple-line:#79608e;
 --work-amber:#f4d292;--work-amber-tint:#453b27;--work-amber-line:#877044;
}
/* One mapping shared by page chrome, navigation and workspace tiles. */
:is([data-workspace=sfa],[data-group=sfa],[data-mod=sfa],.sfa-planning),
:is([data-workspace=targets],[data-group=targets],[data-mod=targets],.erp-performance-card[data-performance=targets]){
 --workspace-accent:var(--work-blue);--workspace-tint:var(--work-blue-tint);--workspace-line:var(--work-blue-line);
}
:is([data-workspace=sales],[data-group=sales],[data-mod=sales],.erp-performance-card[data-performance=sales]){
 --workspace-accent:var(--work-teal);--workspace-tint:var(--work-teal-tint);--workspace-line:var(--work-teal-line);
}
:is([data-workspace=reports],[data-group=reports],[data-mod=reports],[data-workspace=masters],[data-group=masters],[data-mod=masters],[data-workspace=scm],[data-group=scm],[data-mod=scm]){
 --workspace-accent:var(--work-purple);--workspace-tint:var(--work-purple-tint);--workspace-line:var(--work-purple-line);
}
:is([data-workspace=value-chain],[data-group=value-chain],[data-mod=value-chain],[data-workspace=sales-incentive-matrix],[data-group=sales-incentive-matrix],[data-mod=sales-incentive-matrix]){
 --workspace-accent:var(--work-amber);--workspace-tint:var(--work-amber-tint);--workspace-line:var(--work-amber-line);
}
#page-content[data-workspace]{--ui-module-accent:var(--workspace-accent);}
#app-shell .topbar{background:linear-gradient(110deg,var(--ui-surface) 45%,var(--work-green-tint));}
#app-shell .nav-link{border-radius:8px;}
#app-shell .nav-link.active{background:var(--workspace-tint);color:var(--workspace-accent);box-shadow:inset 3px 0 var(--workspace-accent);}
#app-shell .nav-link.active .ico{color:var(--workspace-accent);}
#app-shell .nav-group>.nav-link .ico{border-radius:7px;background:var(--workspace-tint);color:var(--workspace-accent);}
#app-shell .nav-group:has(.nav-link.active)>.nav-link{font-weight:650;}
#page-content :is(.page-header,.bd-header,.si-header,.rp-header,.cr-header,.hub-header,.erp-home-header,.field-home-heading,.sfp-hero){border-bottom-color:var(--workspace-line);}
#page-content :is(.page-header,.bd-header,.si-header,.rp-header,.cr-header,.hub-header){border-bottom-width:2px;}
#page-content :is(.bd-eyebrow,.si-eyebrow,.rp-eyebrow,.cr-eyebrow,.workspace-eyebrow,.sfa-eyebrow){color:var(--workspace-accent);}
#page-content :is(.erp-home-header,.field-home-heading){background:linear-gradient(110deg,var(--workspace-tint),var(--ui-surface) 80%);border:1px solid var(--workspace-line);border-radius:14px;padding:18px 20px;}
#page-content .field-home-heading{--workspace-accent:var(--work-blue);--workspace-tint:var(--work-blue-tint);--workspace-line:var(--work-blue-line);}
/* Card edges and icons carry the accent; text and numbers stay on solids. */
#page-content #module-grid .module-card{border-color:var(--workspace-line);border-top:3px solid var(--workspace-accent);}
#page-content #module-grid .module-card:is(:hover,:focus-visible){border-color:var(--workspace-accent);background:var(--ui-surface);}
#page-content #module-grid :is(.module-icon,.field-tool-icon){background:var(--workspace-tint);color:var(--workspace-accent);border:1px solid var(--workspace-line);border-radius:10px;}
#page-content .module-footnote{color:var(--workspace-accent);}
.erp-performance-card{border-color:var(--workspace-line);border-left-color:var(--workspace-accent);}
.erp-performance-card>a{color:var(--workspace-accent);background:var(--workspace-tint);border:1px solid var(--workspace-line);}
.erp-panel-head{background:linear-gradient(110deg,var(--work-green-tint),var(--ui-surface));}
.erp-launch .erp-panel-head{background:linear-gradient(110deg,var(--work-amber-tint),var(--ui-surface));}
.erp-metric:not(.erp-metric-featured){border-top:3px solid var(--work-green-line);}
.erp-metric-attention:not(.erp-metric-featured){border-top-color:var(--work-amber-line);}
.field-today{border-color:var(--work-blue-line);box-shadow:inset 0 3px var(--work-blue);}
.field-today .field-section-heading{color:var(--work-blue);}
.field-assigned>a{border-left:3px solid var(--work-amber);}
.field-help{border-color:var(--work-teal-line);}.field-help>svg{color:var(--work-teal);}
.erp-masters-group-count{color:var(--work-purple);border-color:var(--work-purple-line);background:var(--work-purple-tint);}
.erp-master-link{border-left:3px solid var(--work-purple-line);}
.erp-master-title>span{color:var(--work-purple);}
/* Opaque forms and data; focus is visible without moving layout. */
#page-content :is(.sfa-card,.sfp-card){background:var(--ui-surface);border-color:var(--workspace-line);}
#page-content :is(.sfa-attendance,.sfa-settings,.sfa-planning){--glass-bg:var(--ui-surface);--ink-600:var(--ui-muted);--ink-200:var(--ui-border);}
#page-content .sfa-grid>.sfa-card:first-child{border-top:3px solid var(--work-blue);}
#page-content :is(.sfa-nav,.sfp-tabs) button[aria-pressed=true]{background:var(--work-blue-tint);color:var(--work-blue);border-color:var(--work-blue);box-shadow:inset 0 -2px var(--work-blue);}
#page-content :is(.tab-bar,.erp-master-tabs) :is(.tab.active,.tab-btn.active,button[aria-selected=true]){background:var(--workspace-tint);color:var(--workspace-accent);border-color:var(--workspace-line);box-shadow:inset 0 -2px var(--workspace-accent);}
:is(#app-shell,#modal-root) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px;}
#app-shell :is(.erp-status,.badge){border:1px solid currentColor;}
#app-shell :is(.badge-neutral,.erp-status-draft){border-color:var(--ui-control-border);}
#app-shell .badge-neutral{color:var(--ui-muted);background:var(--ui-surface-alt);}
@media(prefers-reduced-motion:reduce){
 #app-shell :is(.nav-link,.module-card,.erp-master-link){transition:none;}
}
@media(forced-colors:active){
 #app-shell :is(.nav-link.active,.mobile-bottom-nav [aria-current=page],.sfa-nav button[aria-pressed=true],.sfp-tabs button[aria-pressed=true]){outline:2px solid Highlight;outline-offset:-2px;}
 #page-content :is(.erp-home-header,.field-home-heading,.erp-panel-head,.sfp-hero){background:Canvas;}
}