/* Employee dashboards only. Public login, Learn and customer pages retain their own themes.
   All rules require the role-scoped shell; no global palette or layout changes. */
body:has(.app-shell.employee-theme),
body:has(.app-shell.employee-theme) .app-shell,
body:has(.app-shell.employee-theme) .mx-root{
 --employee-bg:var(--od-bg);
 --employee-panel:var(--od-card);
 --employee-line:var(--od-line);
 --employee-ink:var(--od-ink);
 --employee-muted:var(--od-ink-2);
 --employee-accent:var(--od-red-action);
 --nt-bg:var(--employee-bg);--nt-panel:var(--employee-panel);
 --nt-ink:var(--employee-ink);--nt-ink2:var(--employee-muted);
 --nt-line:var(--employee-line);--nt-input:var(--employee-panel);
 --nt-nav:var(--od-sidebar);--nt-navsel:var(--od-nav-hl);
 --nt-accent:var(--employee-accent);--nt-red:var(--employee-accent);
 --nt-red-d:var(--od-red-action-hover);--nt-redbg:var(--od-red-soft);
 --dash-black:var(--od-sidebar);--dash-nardo:var(--employee-bg);
 --dash-ink:var(--employee-ink);--dash-ink2:var(--employee-muted);
 --dash-line:var(--employee-line);--dash-line2:var(--employee-line);
 --dash-red:var(--employee-accent);
}
html:has(.app-shell.employee-theme),
body:has(.app-shell.employee-theme),
.app-shell.employee-theme,
.app-shell.employee-theme .main,
.app-shell.employee-theme .page{
 background:var(--od-bg)!important;
 color:var(--od-ink);
}
body .app-shell.employee-theme .sidebar,
body .app-shell.employee-theme .topbar{
 background:var(--od-sidebar)!important;
}
body .app-shell.employee-theme .panel,
body .app-shell.employee-theme .panel.soft,
body .app-shell.employee-theme .kpi,
body .app-shell.employee-theme .ro-card,
body .app-shell.employee-theme .tech-action-card,
body .app-shell.employee-theme .topic,
body .app-shell.employee-theme .finding,
body .app-shell.employee-theme .mj-card,
body .app-shell.employee-theme .ft-card,
body .app-shell.employee-theme .ft-job,
body .app-shell.employee-theme .ft-empty-card,
body .app-shell.employee-theme .ob-codecard,
body .app-shell.employee-theme .att-record,
body .app-shell.employee-theme .dash-qa,
body .app-shell.employee-theme .dash-mini div,
body .app-shell.employee-theme .dash-guide,
body .app-shell.employee-theme .dash-ann,
body:has(.app-shell.employee-theme) #overlay .modal,
body:has(.app-shell.employee-theme) #overlay .ob-modal,
body:has(.app-shell.employee-theme) .dash-popup,
body:has(.app-shell.employee-theme) .dash-pop{
 background:var(--od-card)!important;
 color:var(--od-ink);
}
/* Borders inherit the scoped palette so existing hover/focus borders still win. */
body .app-shell.employee-theme .topic.selected{background:var(--od-nav-hl)!important}
body .app-shell.employee-theme h1,
body .app-shell.employee-theme h2,
body .app-shell.employee-theme h3,
body .app-shell.employee-theme h4,
body .app-shell.employee-theme .kpi .number,
body .app-shell.employee-theme .timer,
body .app-shell.employee-theme .dash-ann-body,
body .app-shell.employee-theme .dash-notif-main,
body .app-shell.employee-theme .dash-ann-row,
body .app-shell.employee-theme .dash-nav button,
body .app-shell.employee-theme .dash-nav .dash-navlabel,
body .app-shell.employee-theme .dash-group-title{
 color:var(--od-ink)!important;
}
body .app-shell.employee-theme .hint,
body .app-shell.employee-theme .tiny,
body .app-shell.employee-theme .muted,
body .app-shell.employee-theme .kpi small,
body .app-shell.employee-theme .kpi .desc,
body .app-shell.employee-theme .tech-action-copy{
 color:var(--od-ink-2)!important;
}
/* Red stays restrained: current destination, unread badges and urgent content. */
body .app-shell.employee-theme .dash-nav button.active{
 background:var(--od-nav-hl)!important;
 border-left-color:var(--od-red)!important;
 box-shadow:inset 3px 0 0 var(--od-red)!important;
}
body .app-shell.employee-theme .dash-nav button.active:before,
body .app-shell.employee-theme .dash-badge,
body:has(.app-shell.employee-theme) .dash-notif.unread .dash-notif-dot{
 background:var(--od-red-action);
 border-color:var(--od-red-action);
}
body .app-shell.employee-theme .dash-badge{color:var(--od-ink)}