/* Mech Tech appearance bridge. ONE file. Applies only when <html data-mt-appearance="day|custom">.
   Night (attribute absent or "night") matches no rule here, so the original theme is untouched.
   All colors come from --mt-* tokens set by appearance.js; no per-page palettes. */

/* ---------- token bridge for every legacy family ---------- */
html[data-mt-appearance="day"],html[data-mt-appearance="custom"],
html[data-mt-appearance="day"] body,html[data-mt-appearance="custom"] body,
html[data-mt-appearance="day"] body .app-shell,html[data-mt-appearance="custom"] body .app-shell,
html[data-mt-appearance="day"] body .mx-root,html[data-mt-appearance="custom"] body .mx-root,
html[data-mt-appearance="day"] body:has(.app-shell.employee-theme),html[data-mt-appearance="custom"] body:has(.app-shell.employee-theme),
html[data-mt-appearance="day"] body:has(.app-shell.employee-theme) .app-shell,html[data-mt-appearance="custom"] body:has(.app-shell.employee-theme) .app-shell,
html[data-mt-appearance="day"] body:has(.app-shell.employee-theme) .mx-root,html[data-mt-appearance="custom"] body:has(.app-shell.employee-theme) .mx-root{
 /* styles.css */
 --nav:var(--mt-sidebar);--nav2:var(--mt-nav-highlight);--surface:var(--mt-panel);--bg:var(--mt-background);--ink:var(--mt-ink);--muted:var(--mt-muted);--stroke:var(--mt-border);--teal:var(--mt-accent);--blue:var(--mt-accent);--red:var(--mt-accent);
 /* employee-theme */
 --employee-bg:var(--mt-background);--employee-panel:var(--mt-panel);--employee-line:var(--mt-border);--employee-ink:var(--mt-ink);--employee-muted:var(--mt-muted);--employee-accent:var(--mt-accent);
 --nt-bg:var(--mt-background);--nt-panel:var(--mt-panel);--nt-ink:var(--mt-panel-ink);--nt-ink2:var(--mt-panel-muted);--nt-line:var(--mt-border);--nt-input:var(--mt-input);--nt-nav:var(--mt-sidebar);--nt-navsel:var(--mt-nav-highlight);--nt-accent:var(--mt-accent);--nt-red:var(--mt-accent);--nt-red-d:var(--mt-accent-hover);
 --dash-black:var(--mt-sidebar);--dash-nardo:var(--mt-background);--dash-ink:var(--mt-panel-ink);--dash-ink2:var(--mt-panel-muted);--dash-line:var(--mt-border);--dash-line2:var(--mt-border);--dash-red:var(--mt-accent);
 /* messenger */
 --mx-red:var(--mt-accent);--mx-red2:var(--mt-accent-hover);--mx-ink:var(--mt-panel-ink);--mx-head:var(--mt-sidebar);--mx-line:var(--mt-border);--mx-soft:var(--mt-border);--mx-mut:var(--mt-panel-muted);--mx-bg:var(--mt-hover);
 /* facilities, operations, repair hub */
 --fac-bg:var(--mt-background);--fac-panel:var(--mt-panel);--fac-ink:var(--mt-panel-ink);--fac-muted:var(--mt-panel-muted);--fac-line:var(--mt-border);--fac-red:var(--mt-accent);
 --o-bg:var(--mt-background);--o-panel:var(--mt-panel);--o-ink:var(--mt-panel-ink);--o-mut:var(--mt-panel-muted);--o-line:var(--mt-border);--o-red:var(--mt-accent);
 --rh-bg:var(--mt-background);--rh-panel:var(--mt-panel);--rh-ink:var(--mt-panel-ink);--rh-mute:var(--mt-panel-muted);--rh-line:var(--mt-border);--rh-red:var(--mt-accent);
 /* owner.css family used by meetings and company support */
 --bg2:var(--mt-background);--panel:var(--mt-panel);--panel2:var(--mt-hover);--line:var(--mt-border);--line2:var(--mt-page-border);--ink2:var(--mt-panel-muted);--ink3:var(--mt-panel-muted);--red2:var(--mt-accent-hover);
 color-scheme:light;
}
html[data-mt-appearance] body:not(:has(.app-shell)){--ink:var(--mt-ink)}

/* ---------- page + chrome ---------- */
html[data-mt-appearance="day"],html[data-mt-appearance="custom"]{background:var(--mt-background)}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body:has(.app-shell),
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell,
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .main,
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .page{background:var(--mt-background)!important;color:var(--mt-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .sidebar{background:var(--mt-sidebar)!important;color:var(--mt-sidebar-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .topbar{background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-bottom-color:var(--mt-page-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .topbar h1{color:var(--mt-panel-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell :is(.brand small,.user-pill,.dash-group-title,.dash-group-head){color:var(--mt-sidebar-muted)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .user-pill strong{color:var(--mt-sidebar-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell :is(.brand,.user-pill){border-color:var(--mt-page-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .nav button,
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .dash-nav button,
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .dash-nav .dash-navlabel{color:var(--mt-sidebar-ink)!important;background:transparent}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .nav button:hover{background:var(--mt-nav-hover)!important;color:var(--mt-nav-hover-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .nav button:hover .dash-navlabel{color:var(--mt-nav-hover-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .nav button.active,
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .dash-nav button.active{background:var(--mt-nav-highlight)!important;color:var(--mt-nav-ink)!important;border-left-color:var(--mt-accent)!important;box-shadow:inset 3px 0 0 var(--mt-accent)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .dash-nav button.active .dash-navlabel{color:var(--mt-nav-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .nav button.active:before{background:var(--mt-accent)!important}
/* logo: never recolored; dark plate behind the original white artwork when sidebar is light */
html[data-mt-logo-plate] body .app-shell .sidebar .brand{background:#0B0B0D!important;border-bottom-color:#0B0B0D!important}
html[data-mt-logo-plate] body .app-shell .sidebar .brand small{color:#B5B7BB!important}
html[data-mt-logo-plate] .mt-top img,html[data-mt-logo-plate] .cs-top img,html[data-mt-logo-plate] header img[src*="mech-tech-logo"]{background:#0B0B0D;padding:4px 8px;border-radius:6px;box-sizing:content-box}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) img[src*="mech-tech-logo"]{filter:none!important;mix-blend-mode:normal!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) .sidebar-toggle{background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important}

/* ---------- surfaces: panels, cards, popups, announcements, scheduling, clock, parts, maintenance, dispatch ---------- */
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell :is(.panel,.panel.soft,.kpi,.ro-card,.tech-action-card,.topic,.finding,.mj-card,.ft-card,.ft-job,.ft-empty-card,.ob-codecard,.att-record,.dash-qa,.dash-mini div,.dash-guide,.dash-ann,.dash-anntop,.dash-welcome,.dash-next,.dash-stattab,.poll-option,.calendar button,.tabs button,.file-target),
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(#overlay .modal,#overlay .ob-modal,.modal,.dash-popup,.dash-pop,.dash-bellpop){background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell :is(.topic.selected,.poll-option.voted,.dash-stattab.on){background:var(--mt-hover)!important;color:var(--mt-hover-ink)!important;border-color:var(--mt-accent)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .calendar button.selected,
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .tabs button.active{background:var(--mt-accent)!important;color:var(--mt-accent-ink)!important;border-color:var(--mt-accent)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup,.dash-pop) :is(h1,h2,h3,h4,b,strong,label,.kpi .number,.dash-ann-body,.dash-notif-main,.dash-ann-row,.dash-anntop-title,.dash-anntop-body,dd){color:var(--mt-panel-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup,.dash-pop) :is(.hint,.tiny,.muted,small,.kpi small,.kpi .desc,.tech-action-copy,dt,.form-field label,th){color:var(--mt-panel-muted)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .sidebar :is(b,strong,small){color:inherit!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal) :is(.eyebrow,.ro-number,.timer,.tech-action-link){color:var(--mt-accent-ink-on-panel,var(--mt-panel-ink))!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal) :is(.sep,.list-item,th,td,.modal-heading,.modal-footer){border-color:var(--mt-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal) .sep{background:var(--mt-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal) th{background:var(--mt-hover)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .modal-backdrop,
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .dash-popup-backdrop{background:#11111299!important}

/* ---------- forms ---------- */
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup,.mt-wrap,.mt-ap) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),select,textarea){background:var(--mt-input)!important;color:var(--mt-input-ink)!important;border-color:var(--mt-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(input,textarea)::placeholder{color:var(--mt-panel-muted)!important;opacity:1}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(input,select,textarea):focus-visible{outline:2px solid var(--mt-accent)!important;outline-offset:1px}

/* ---------- buttons ---------- */
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup) .btn{background:var(--mt-sidebar);color:var(--mt-sidebar-ink)}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup) :is(.btn.teal,.btn.danger){background:var(--mt-accent)!important;border-color:var(--mt-accent)!important;color:var(--mt-accent-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup) :is(.btn.teal,.btn.danger):hover{background:var(--mt-accent-hover)!important;color:var(--mt-accent-hover-ink)!important;filter:none}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup) :is(.btn.secondary,.btn.mutedbtn){background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup) :is(.btn.secondary,.btn.mutedbtn):hover{background:var(--mt-hover)!important;color:var(--mt-hover-ink)!important}

/* ---------- legacy chat bubbles + scanner ---------- */
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell :is(.bubble,.bubble.customer){background:var(--mt-hover)!important;color:var(--mt-hover-ink)!important;border-color:var(--mt-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .bubble.mine{background:var(--mt-accent)!important;color:var(--mt-accent-ink)!important;border-color:var(--mt-accent)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body .app-shell .bubble :is(small,b){color:inherit!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body :is([class*="ros-"],[class*="ro-scan"]):is(.panel,.modal,[class*="card"],[class*="sheet"],[class*="panel"]){background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important}

/* ---------- floating messenger ---------- */

/* ---------- meetings + company support (owner.css family) ---------- */
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) body:not(:has(.app-shell)){background:var(--mt-background)!important;color:var(--mt-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(.mt-top,.mt-list,.mt-date,.mt-checks,.mt-link code){background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(.mt-date b,.mt-who b,.mt-row h3,.mt-p-l b){color:var(--mt-panel-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) .mt-tabs button[aria-selected=true]{background:var(--mt-accent)!important;color:var(--mt-accent-ink)!important;border-color:var(--mt-accent)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) .mt-seg button[aria-pressed=true]{color:var(--mt-accent-ink)!important}
/* native media keep their own black stage */
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(.mt-stage,.mt-media){background:#050506!important}

/* Surface-aware text: unlike Day's similar light surfaces, custom page and card
   backgrounds can be opposites. Each surface carries its own readable pair. */
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body{
 --mt-surface-ink:var(--mt-ink);--mt-surface-muted:var(--mt-muted);
 --nt-ink:var(--mt-ink);--nt-ink2:var(--mt-muted);
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(.panel,.panel.soft,.kpi,.ro-card,.tech-action-card,.topic,.finding,.mj-card,.ft-card,.ft-job,.ft-empty-card,.ob-codecard,.att-record,.dash-qa,.dash-mini div,.dash-guide,.dash-ann,.dash-anntop,.dash-welcome,.dash-next,.dash-stattab,.modal,.ob-modal,.dash-popup,.dash-pop,.dash-bellpop,.fac-row,.fac-kpi,.fac-msg,.fac-file,.fac-att,.rh-panel,.rh-vehicle,.rh-prov,.rh-res,.rh-answer,.rh-sess,.rh-bundle,.rh-rostrip,.ops-hero,.ops-cres,.ops-slot,.mt-top,.mt-list,.mt-date,.mt-checks,.item,.metric,.metrics,.rs-dlg,.rs-head,.rs-foot,.rs-sec,.rs-page,.rs-job){
 --mt-surface-ink:var(--mt-panel-ink);--mt-surface-muted:var(--mt-panel-muted);
 --ink:var(--mt-panel-ink);--muted:var(--mt-panel-muted);--ink2:var(--mt-panel-muted);--ink3:var(--mt-panel-muted);
 --employee-ink:var(--mt-panel-ink);--employee-muted:var(--mt-panel-muted);
 --nt-ink:var(--mt-panel-ink);--nt-ink2:var(--mt-panel-muted);
 --fac-ink:var(--mt-panel-ink);--fac-muted:var(--mt-panel-muted);--rh-ink:var(--mt-panel-ink);--rh-mute:var(--mt-panel-muted);--o-ink:var(--mt-panel-ink);--o-mut:var(--mt-panel-muted);
 background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body .sidebar{
 --mt-surface-ink:var(--mt-sidebar-ink);--mt-surface-muted:var(--mt-sidebar-muted);
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body .topbar{
 --mt-surface-ink:var(--mt-panel-ink);--mt-surface-muted:var(--mt-panel-muted);
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup,.dash-pop,.rs-root) :is(h1,h2,h3,h4,b,strong,label,.kpi .number,.dash-ann-body,.dash-notif-main,.dash-ann-row,.dash-anntop-title,.dash-anntop-body,dd,.eyebrow,.ro-number,.timer,.tech-action-link){
 color:var(--mt-surface-ink,var(--mt-ink))!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(.app-shell,.modal,.dash-popup,.dash-pop,.rs-root) :is(.hint,.tiny,.muted,small,.kpi small,.kpi .desc,.tech-action-copy,dt,.form-field label){
 color:var(--mt-surface-muted,var(--mt-muted))!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"])[data-mt-logo-plate] body .sidebar .brand{
 --mt-surface-ink:#F5F5F5;--mt-surface-muted:#B5B7BB;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(th,.status,.tag,.pill,.rs-alert,.rs-note,.note,.err){
 --mt-surface-ink:var(--mt-hover-ink);--mt-surface-muted:var(--mt-hover-ink);
 background:var(--mt-hover)!important;color:var(--mt-hover-ink)!important;border-color:var(--mt-border)!important;
}
/* Real input/control surfaces also cover standalone meetings/support and scanner. */
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(.input,.rs-f input,.rs-f select,.rs-f textarea){
 background:var(--mt-input)!important;color:var(--mt-input-ink)!important;border-color:var(--mt-border)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) .rs-root .rs-muted{
 color:var(--mt-panel-muted)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) .rs-root .rs-badge:not(.low){
 color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(.btn,.rs-btn,.rs-launch button){
 --mt-surface-ink:var(--mt-panel-ink);--mt-surface-muted:var(--mt-panel-ink);
 background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(.btn.primary,.btn.teal,.btn.danger,.rs-btn.red,.rs-launch .rs-primary){
 --mt-surface-ink:var(--mt-accent-ink);--mt-surface-muted:var(--mt-accent-ink);
 background:var(--mt-accent)!important;color:var(--mt-accent-ink)!important;border-color:var(--mt-accent)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(.btn.primary,.btn.teal,.btn.danger,.rs-btn.red,.rs-launch .rs-primary):hover{
 --mt-surface-ink:var(--mt-accent-hover-ink);--mt-surface-muted:var(--mt-accent-hover-ink);
 background:var(--mt-accent-hover)!important;color:var(--mt-accent-hover-ink)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body .app-shell .dash-nav button.active{
 border-left-color:var(--mt-nav-ink)!important;box-shadow:inset 3px 0 0 var(--mt-nav-ink)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body :is(input,select,textarea):focus-visible{
 outline-color:var(--mt-input-ink)!important;
}
/* Match the legacy employee overlay's ID specificity, including its form labels.
   This stays scoped to employee themes and does not replace or rebuild the form. */
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body #overlay :is(.modal,.ob-modal){
 --mt-surface-ink:var(--mt-panel-ink);--mt-surface-muted:var(--mt-panel-muted);
 --nt-ink:var(--mt-panel-ink);--nt-ink2:var(--mt-panel-muted);
 background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body #overlay :is(.modal,.ob-modal) :is(.modal-heading,.modal-body,.modal-footer){
 background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body #overlay :is(.modal,.ob-modal) :is(h2,h3,label,.field>span){
 color:var(--mt-panel-ink)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body #overlay :is(.modal,.ob-modal) :is(input,select,textarea){
 background:var(--mt-input)!important;color:var(--mt-input-ink)!important;border-color:var(--mt-border)!important;
}
/* dashboard.css's body:has(.app-shell) #overlay .btn rule uses the sidebar
   background with dashboard text. Override that paired rule at its own scope. */
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body:has(.app-shell) #overlay .btn{
 --mt-surface-ink:var(--mt-panel-ink);--mt-surface-muted:var(--mt-panel-ink);
 background:var(--mt-panel)!important;color:var(--mt-panel-ink)!important;border-color:var(--mt-border)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body:has(.app-shell) #overlay :is(.btn.teal,.btn.primary,.btn.danger){
 --mt-surface-ink:var(--mt-accent-ink);--mt-surface-muted:var(--mt-accent-ink);
 background:var(--mt-accent)!important;color:var(--mt-accent-ink)!important;border-color:var(--mt-accent)!important;
}
:root:is([data-mt-appearance="day"],[data-mt-appearance="custom"]) body:has(.app-shell) #overlay :is(.btn.teal,.btn.primary,.btn.danger):hover{
 --mt-surface-ink:var(--mt-accent-hover-ink);--mt-surface-muted:var(--mt-accent-hover-ink);
 background:var(--mt-accent-hover)!important;color:var(--mt-accent-hover-ink)!important;
}
/* ---------- appearance editor (all modes, incl. Night: uses legacy tokens with fallbacks) ---------- */
.mt-ap{--ap-bg:var(--mt-panel,#0B0B0D);--ap-ink:var(--mt-panel-ink,#F5F5F5);--ap-mut:var(--mt-panel-muted,#B5B7BB);--ap-line:var(--mt-border,#393B40);--ap-acc:var(--mt-accent,#C52F3D);--ap-acc-ink:var(--mt-accent-ink,#FFFFFF);--ap-hover:var(--mt-hover,#1C1E22);
 --mt-surface-ink:var(--ap-ink);--mt-surface-muted:var(--ap-mut);
 background:var(--ap-bg);color:var(--ap-ink);border:1px solid var(--ap-line);border-radius:15px;padding:22px;margin:0 0 20px;font:inherit}
.app-shell:not(.employee-theme) .mt-ap{--ap-bg:var(--mt-panel,#fff);--ap-ink:var(--mt-panel-ink,#111);--ap-mut:var(--mt-panel-muted,#5A5F69);--ap-line:var(--mt-border,#D5D8DD);--ap-hover:var(--mt-hover,#F1F2F4)}
.mt-ap-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--ap-mut)}
.mt-ap h2{margin:2px 0 4px;font-size:20px;letter-spacing:-.4px;color:var(--ap-ink)!important}
.mt-ap-sub{margin:0 0 18px;color:var(--ap-mut);font-size:13px;max-width:62ch}
.mt-ap-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.mt-ap fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}
.mt-ap legend{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ap-mut);padding:0;margin-bottom:8px}
.mt-ap-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mt-ap-mode{position:relative;display:block;cursor:pointer}
.mt-ap-mode input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.mt-ap-mode-b{display:block;border:1px solid var(--ap-line);border-radius:11px;padding:11px 13px;min-height:74px;transition:border-color .15s,transform .15s}
.mt-ap-mode-b b{display:block;font-size:14px;color:var(--ap-ink)!important}
.mt-ap-mode-b small{display:block;font-size:12px;color:var(--ap-mut)!important;line-height:1.35;margin-top:2px}
.mt-ap-mode input:checked+.mt-ap-mode-b{border-color:var(--ap-ink);box-shadow:inset 0 0 0 1px var(--ap-ink);background:var(--ap-hover)}
.mt-ap-mode input:focus-visible+.mt-ap-mode-b{outline:2px solid var(--ap-ink);outline-offset:2px}
.mt-ap-colors[disabled]{opacity:.55}
.mt-ap-note{margin:0 0 10px;font-size:12px;color:var(--ap-mut)}
.mt-ap-color{display:grid;grid-template-columns:150px 140px 1fr;gap:6px 12px;align-items:center;padding:9px 0;border-top:1px solid var(--ap-line)}
.mt-ap-clabel{font-size:13px;font-weight:700;color:var(--ap-ink)!important}
.mt-ap-cinputs{display:flex;gap:6px;align-items:center}
.mt-ap input[type=color]{width:38px;height:38px;padding:2px;border:1px solid var(--ap-line);border-radius:9px;background:transparent;cursor:pointer;flex:none}
.mt-ap input[data-ap-hex]{width:92px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:8px 9px;text-transform:uppercase;border-radius:8px}
.mt-ap input[aria-invalid=true]{outline:2px solid var(--ap-ink)!important}
.mt-ap-presets{display:flex;gap:5px;flex-wrap:wrap}
.mt-ap-sw{width:24px;height:24px;border-radius:50%;border:1px solid var(--ap-line);background:var(--sw);padding:0;cursor:pointer;box-shadow:inset 0 0 0 2px #FFFFFF22}
.mt-ap-sw[aria-pressed=true]{outline:2px solid var(--ap-ink);outline-offset:2px}
.mt-ap-sw:focus-visible{outline:2px solid var(--ap-ink);outline-offset:2px}
.mt-ap-err{grid-column:1/-1;font-size:12px;color:var(--ap-ink);min-height:0}
.mt-ap-err:empty{display:none}
.mt-ap-plabel{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ap-mut);margin-bottom:8px}
.mt-ap-preview{display:grid;grid-template-columns:34% 1fr;height:230px;border:1px solid var(--ap-line);border-radius:12px;overflow:hidden;font-size:11px}
.mt-ap-pv-side{--mt-surface-ink:var(--p-sidebar-ink);--mt-surface-muted:var(--p-sidebar-muted,var(--p-sidebar-ink));background:var(--p-sidebar);color:var(--p-sidebar-ink);display:flex;flex-direction:column;gap:3px;padding:0 0 8px}
.mt-ap-pv-brand{padding:10px 10px 8px;margin-bottom:4px}
.mt-ap-pv-brand.plate{background:#0B0B0D}
.mt-ap-pv-brand img{display:block;width:100%;max-width:110px;height:auto}
.mt-ap-pv-side i{font-style:normal;padding:5px 10px;margin:0 6px;border-radius:6px;font-weight:600}
.mt-ap-pv-side i.on{background:var(--p-nav-highlight);color:var(--p-nav-ink);box-shadow:inset 3px 0 0 var(--p-accent)}
.mt-ap-pv-main{--mt-surface-ink:var(--p-ink);--mt-surface-muted:var(--p-muted,var(--p-ink));background:var(--p-background);color:var(--p-ink);padding:0 10px 10px;display:flex;flex-direction:column;gap:7px;min-width:0}
.mt-ap-pv-card,.mt-ap-pv-top{--mt-surface-ink:var(--p-panel-ink);--mt-surface-muted:var(--p-panel-muted)}
.mt-ap-pv-top{margin:0 -10px;padding:8px 10px;background:var(--p-panel);color:var(--p-panel-ink);border-bottom:1px solid var(--p-page-border);font-weight:800}
.mt-ap-pv-card{background:var(--p-panel);color:var(--p-panel-ink);border:1px solid var(--p-border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.mt-ap-pv-card b{color:var(--p-panel-ink)!important}.mt-ap-pv-card small{color:var(--p-panel-muted)!important}
.mt-ap-pv-btn{background:var(--p-accent);color:var(--p-accent-ink);padding:3px 8px;border-radius:5px;font-weight:700}
.mt-ap-pv-in{background:var(--p-input);color:var(--p-input-ink);border:1px solid var(--p-border);border-radius:5px;padding:3px 7px;align-self:stretch}
.mt-ap-pv-load{grid-column:1/-1;display:grid;place-items:center;color:var(--ap-mut)}
.mt-ap-guide{font-size:13px;color:var(--ap-mut);margin-top:12px}
.mt-ap-guide p{margin:0 0 6px}.mt-ap-guide b{color:var(--ap-ink)!important}
.mt-ap-guide ul{margin:4px 0 0;padding-left:18px}
.mt-ap-msg{font-size:13px;margin:12px 0 0;padding:0;color:var(--ap-mut);min-height:20px}
.mt-ap-msg.ok,.mt-ap-msg.bad,.mt-ap-msg.warn{padding:9px 11px;border-radius:9px;border:1px solid var(--ap-line);color:var(--ap-ink)}
.mt-ap-msg.ok{border-left:3px solid #2E9B62}.mt-ap-msg.bad{border-left:3px solid #D93A48}.mt-ap-msg.warn{border-left:3px solid #D99A2B}
.mt-ap-link{border:0;background:none;color:var(--ap-ink);text-decoration:underline;font:inherit;font-weight:700;cursor:pointer;padding:0;margin-left:4px}
.mt-ap-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.mt-ap-btn{min-height:40px;padding:9px 15px;border-radius:10px;border:1px solid var(--ap-line);background:transparent;color:var(--ap-ink);font:inherit;font-weight:750;cursor:pointer}
.mt-ap-btn.primary{background:var(--ap-acc);border-color:var(--ap-acc);color:var(--ap-acc-ink)}
.mt-ap-btn.ghost{border-style:dashed}
.mt-ap-btn:disabled{opacity:.55;cursor:not-allowed}
.mt-ap-btn:focus-visible,.mt-ap-link:focus-visible,.mt-ap-x:focus-visible,.mt-ap-float:focus-visible,.mt-ap-navbtn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.mt-ap-backdrop{position:fixed;inset:0;z-index:1300;background:#111112b3;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}
.mt-ap-dialog{position:relative;width:min(980px,100%);max-height:94dvh;overflow:auto;border-radius:18px}
.mt-ap-dialog .mt-ap{margin:0;--ap-bg:var(--mt-panel,#0B0B0D);--ap-ink:var(--mt-panel-ink,#F5F5F5);--ap-mut:var(--mt-panel-muted,#B5B7BB);--ap-line:var(--mt-border,#393B40);--ap-hover:var(--mt-hover,#1C1E22)}
.mt-ap-x{position:absolute;right:14px;top:14px;z-index:1;min-height:36px;padding:6px 12px;border-radius:9px;border:1px solid var(--mt-border,#393B40);background:var(--mt-panel,#0B0B0D);color:var(--mt-panel-ink,#F5F5F5);font-weight:700;cursor:pointer}
.mt-ap-float{position:fixed;left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:1100;min-height:40px;padding:8px 14px;border-radius:10px;border:1px solid var(--mt-border,#393B40);background:var(--mt-panel,#0B0B0D);color:var(--mt-panel-ink,#F5F5F5);font:inherit;font-size:13px;font-weight:750;cursor:pointer}
@media(max-width:860px){.mt-ap-grid{grid-template-columns:1fr}.mt-ap-color{grid-template-columns:1fr auto}.mt-ap-presets{grid-column:1/-1}}
@media(max-width:520px){.mt-ap{padding:15px}.mt-ap-modes{grid-template-columns:1fr}.mt-ap-backdrop{padding:0;align-items:flex-end}.mt-ap-dialog{max-height:96dvh;border-radius:18px 18px 0 0}.mt-ap-sw{width:30px;height:30px}.mt-ap-btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.mt-ap *{transition:none!important}}

/* Extended personal colors, shared by every surface and the floating messenger. */
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]):not([data-mh-on]) body .app-shell .topbar{background:var(--mt-header,var(--mt-panel))!important;color:var(--mt-panel-ink)!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(#app,#overlay,#root) :is(.panel,.card,.kpi,.ro-card,.item,.list-card,.co-card){color:var(--mt-card-text,var(--mt-panel-ink));border-color:var(--mt-border)}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(#app,#overlay,#root) :is(.panel,.card) :is(h1,h2,h3,h4){color:var(--mt-card-text,var(--mt-panel-ink))!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(#app,#overlay,#root) :is(.hint,.muted,.tiny,.desc,small){color:var(--mt-secondary-text,var(--mt-muted))!important}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(#app,#overlay,#root) :is(.btn.primary,button.primary,.btn.teal){background-color:var(--mt-accent);border-color:var(--mt-accent);color:var(--mt-button-text,var(--mt-accent-ink))}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(#app,#overlay,#root) :is(.btn.primary,button.primary,.btn.teal):hover{background-color:var(--mt-button-hover,var(--mt-accent-hover))}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(#app,#root) :is(.nav-icon,.dash-ic,.od-iconbtn){color:var(--mt-icon,currentColor)}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(#app,#overlay,#root) :is(table,th,td,hr,.modal,.dropdown,.popover){border-color:var(--mt-border)}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(#app,#overlay,#root,#mx-root) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=image]),select,textarea){background-color:var(--mt-input);color:var(--mt-input-text,var(--mt-input-ink));border-color:var(--mt-input-border)}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(.dropdown,.popover,.menu-panel,.dh-menu,[role="menu"],[role="listbox"]){background-color:var(--mt-menu,var(--mt-panel));color:var(--mt-menu-text,var(--mt-panel-ink))}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) #mx-root{--mx-surf:var(--mt-chat,var(--mt-panel));--mx-ink:var(--mt-chat-text,var(--mt-panel-ink));--mx-in:var(--mt-chat-incoming,var(--mt-hover));--mx-in-ink:var(--mt-chat-incoming-text,var(--mt-chat-text));--mx-out:var(--mt-chat-outgoing,var(--mt-accent));--mx-out-ink:var(--mt-chat-outgoing-text,var(--mt-accent-ink));--mx-line:var(--mt-border)}
:is(html[data-mt-appearance="day"],html[data-mt-appearance="custom"]) :is(.modal-backdrop,.mt-ap-backdrop){background:color-mix(in srgb,var(--mt-overlay,#15191F) 62%,transparent)}
.mt-ap-group{border-top:1px solid var(--mt-border,#30323B);padding:6px 0}
.mt-ap-group>summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-weight:700;letter-spacing:.02em}
.mt-ap-pv-menu{display:inline-block;margin-top:6px;padding:4px 8px;border-radius:6px;font-size:11px;background:var(--p-menu,var(--p-panel));color:var(--p-menu-text,var(--p-panel-ink))}
.mt-ap-pv-chat{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:8px;background:var(--p-chat,var(--p-panel))}
.mt-ap-pv-chat span{max-width:80%;padding:4px 8px;border-radius:10px;font-size:11px}
.mt-ap-pv-chat .in{background:var(--p-chat-incoming,var(--p-hover));color:var(--p-chat-text,var(--p-panel-ink))}
.mt-ap-pv-chat .out{align-self:flex-end;background:var(--p-chat-outgoing,var(--p-accent));color:var(--p-chat-outgoing-text,var(--p-accent-ink))}

/* ================= Premium Day Mode (data-mt-appearance="day" ONLY) =================
   Custom and Night never match these rules. Server tokens (--mt-*) remain authoritative;
   the fallbacks below are the exact Premium Day defaults. Header colors stay owned by
   header-appearance (--mh-*), so personal/company/enforced header choices still win. */
html[data-mt-appearance="day"]{
 --mtd-bg:var(--mt-background,#F5F7FA);--mtd-panel:var(--mt-panel,#FFFFFF);--mtd-head:var(--mt-heading,#15191F);--mtd-ink:var(--mt-panel-ink,#27313D);--mtd-mute:var(--mt-panel-muted,#657181);
 --mtd-accent:var(--mt-accent,#C91F37);--mtd-accent-hover:var(--mt-accent-hover,#A71930);--mtd-select:var(--mt-selected,#FFF0F2);--mtd-line:var(--mt-border,#E5E9EF);--mtd-line-strong:var(--mt-input-border,#8D97A5);
 --mtd-shadow:0 1px 2px #15191F0F,0 1px 1px #15191F08;--mtd-shadow-hover:0 4px 14px #15191F14;--mtd-radius:12px;
 --mt-status-success-ink:var(--mt-success-ink,#146C43);--mt-status-success-bg:var(--mt-success-bg,#E8F5EE);--mt-status-success-line:#9FD3B6;
 --mt-status-warning-ink:var(--mt-warning-ink,#8A5300);--mt-status-warning-bg:var(--mt-warning-bg,#FFF4DE);--mt-status-warning-line:#EBC27A;
 --mt-status-danger-ink:var(--mt-danger-ink,#A71930);--mt-status-danger-bg:var(--mt-danger-bg,#FFF0F2);--mt-status-danger-line:#F2A9B4;
 --mt-status-info-ink:var(--mt-info-ink,#1D5FA8);--mt-status-info-bg:var(--mt-info-bg,#EAF2FC);--mt-status-info-line:#A9C7EC;
 --mt-status-neutral-ink:var(--mt-inactive-ink,#4D5866);--mt-status-neutral-bg:var(--mt-inactive-bg,#EEF1F5);--mt-status-neutral-line:#CBD2DB;
}
/* status helpers: always paired with a text label, never color alone */
html[data-mt-appearance="day"] :is(.mt-st-success,.mt-st-warning,.mt-st-danger,.mt-st-info,.mt-st-neutral){display:inline-flex;align-items:center;gap:5px;border:1px solid;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}
html[data-mt-appearance="day"] .mt-st-success{color:var(--mt-status-success-ink)!important;background:var(--mt-status-success-bg)!important;border-color:var(--mt-status-success-line)!important}
html[data-mt-appearance="day"] .mt-st-warning{color:var(--mt-status-warning-ink)!important;background:var(--mt-status-warning-bg)!important;border-color:var(--mt-status-warning-line)!important}
html[data-mt-appearance="day"] .mt-st-danger{color:var(--mt-status-danger-ink)!important;background:var(--mt-status-danger-bg)!important;border-color:var(--mt-status-danger-line)!important}
html[data-mt-appearance="day"] .mt-st-info{color:var(--mt-status-info-ink)!important;background:var(--mt-status-info-bg)!important;border-color:var(--mt-status-info-line)!important}
html[data-mt-appearance="day"] .mt-st-neutral{color:var(--mt-status-neutral-ink)!important;background:var(--mt-status-neutral-bg)!important;border-color:var(--mt-status-neutral-line)!important}

/* surfaces: subtle border + minimal shadow, every employee role shares these */
html[data-mt-appearance="day"] body .app-shell :is(.panel,.kpi,.ro-card,.tech-action-card,.dash-qa,.dash-welcome,.dash-next,.dash-ann,.dash-guide,.mj-card,.ft-card){box-shadow:var(--mtd-shadow);border:1px solid var(--mtd-line)!important;border-radius:var(--mtd-radius)}
html[data-mt-appearance="day"] body .app-shell :is(h1,h2,h3,h4){color:var(--mtd-head)!important}
html[data-mt-appearance="day"] body .app-shell .page{color:var(--mtd-ink)}

/* top navigation: white bar, subtle divider, outlined controls, red badges, no clipping */
html[data-mt-appearance="day"]:not([data-mh-on]) body .app-shell .topbar{background:#FFFFFF!important;color:var(--mtd-head)!important}
html[data-mt-appearance="day"] body .app-shell .topbar{border-bottom:1px solid var(--mtd-line)!important;box-shadow:0 1px 0 #15191F05;min-width:0;flex-wrap:wrap;row-gap:6px}
html[data-mt-appearance="day"] body .app-shell .topbar h1{min-width:0;overflow-wrap:anywhere;line-height:1.2}
html[data-mt-appearance="day"]:not([data-mh-on]) body .app-shell .topbar :is(button,.btn,.icon-btn){background:#FFFFFF!important;color:var(--mtd-ink)!important;border:1px solid var(--mtd-line-strong)!important;box-shadow:none}
html[data-mt-appearance="day"]:not([data-mh-on]) body .app-shell .topbar :is(button,.btn,.icon-btn):hover{background:var(--mtd-select)!important;border-color:var(--mtd-accent)!important;color:var(--mtd-accent-hover)!important}
html[data-mt-appearance="day"] body .app-shell .topbar :is(.badge,.dash-badge,.th-mx,[class*="badge"]){background:var(--mtd-accent)!important;color:#FFFFFF!important;border-color:var(--mtd-accent)!important}

/* communication cards (technician home "Messages"): light cards, dark labels, red icons */
html[data-mt-appearance="day"] body .app-shell .th-qa{background:#FFFFFF!important;color:var(--mtd-head)!important;border:1px solid var(--mtd-line)!important;border-radius:var(--mtd-radius);box-shadow:var(--mtd-shadow);min-height:56px;padding:12px 14px;gap:12px;transition:border-color .15s,box-shadow .15s,transform .15s}
html[data-mt-appearance="day"] body .app-shell .th-qa b{color:var(--mtd-head)!important;font-weight:700}
html[data-mt-appearance="day"] body .app-shell .th-qa .dash-ic{color:var(--mtd-accent)!important;flex:none}
html[data-mt-appearance="day"] body .app-shell .th-qa:hover{border-color:var(--mtd-line-strong)!important;box-shadow:var(--mtd-shadow-hover);transform:translateY(-1px)}
html[data-mt-appearance="day"] body .app-shell :is(.th-qa:focus-visible,.th-qa[aria-expanded=true],.th-qa[aria-current],.th-qa.on){background:var(--mtd-select)!important;border-color:var(--mtd-accent)!important;box-shadow:inset 3px 0 0 var(--mtd-accent),var(--mtd-shadow)}
html[data-mt-appearance="day"] body .app-shell .th-chat-grid{gap:10px}

/* RO notes: white panel, charcoal heading, gray description, compact */
html[data-mt-appearance="day"] body .app-shell .th-chat{background:#FFFFFF!important;border:1px solid var(--mtd-line)!important}
html[data-mt-appearance="day"] body .app-shell .th-chat .dash-sub{color:var(--mtd-head)!important;font-weight:800;margin:14px 0 4px}
html[data-mt-appearance="day"] .cc-row-sub{color:var(--mt-secondary,#657181)!important;opacity:1}
/* Secondary gray is AA on white but needs a darker shade on selected pink. */
html[data-mt-appearance="day"] .mt-ap-mode input:checked + .mt-ap-mode-b small,
html[data-mt-appearance="day"] :is(.th-qa:focus-visible,.th-qa[aria-expanded=true],.th-qa[aria-current],.th-qa.on) :is(small,.muted,.hint){color:var(--mt-selected-muted,#5F6A79)!important}
html[data-mt-appearance="day"] body .app-shell .th-chat > .hint{color:var(--mtd-mute)!important;margin:0 0 8px}
html[data-mt-appearance="day"] body .app-shell .th-jrow{padding:9px 0;border-color:var(--mtd-line)!important}

html[data-mt-appearance="day"] body :is(.app-shell,.modal,.mt-ap) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),select,textarea){border-color:var(--mt-input-border,#8D97A5)!important}
/* RO Notes drawer (shop-intelligence-drawer.js): drawer body is already light; align launcher + accents */
html[data-mt-appearance="day"] body .msd-fab{background:#FFFFFF;color:var(--mtd-head);border-color:var(--mt-input-border,#8D97A5);box-shadow:var(--mtd-shadow-hover)}
html[data-mt-appearance="day"] body .msd-fab svg{color:var(--mtd-accent)}
html[data-mt-appearance="day"] body .msd .msd-top{border-bottom-color:var(--mtd-accent)}
html[data-mt-appearance="day"] body .msd .msd-who{color:#4D5866}
/* Communication pages: Advisor Communication + Staff directory (list-item rows, avatars) */
html[data-mt-appearance="day"] body .app-shell .list-item{padding-top:9px;padding-bottom:9px}
html[data-mt-appearance="day"] body .app-shell .dash-av:not(:has(img)){background:var(--mtd-select);color:var(--mtd-accent-hover);border:1px solid var(--mt-status-danger-line)}
/* legacy status chips -> semantic AA pairs (label text always present) */
html[data-mt-appearance="day"] body .status.ok{color:var(--mt-status-success-ink)!important;background:var(--mt-status-success-bg)!important;border-color:var(--mt-status-success-line)!important}
html[data-mt-appearance="day"] body .status.warn{color:var(--mt-status-warning-ink)!important;background:var(--mt-status-warning-bg)!important;border-color:var(--mt-status-warning-line)!important}
html[data-mt-appearance="day"] body .status.red{color:var(--mt-status-danger-ink)!important;background:var(--mt-status-danger-bg)!important;border-color:var(--mt-status-danger-line)!important}
html[data-mt-appearance="day"] body .status.neutral{color:var(--mt-status-neutral-ink)!important;background:var(--mt-status-neutral-bg)!important;border-color:var(--mt-status-neutral-line)!important}

/* Command center (nextgen-command.css already ships a day token set): align to Premium Day values */
html[data-mt-appearance="day"]{--ng-bg:#F5F7FA;--ng-surface:#FFFFFF;--ng-card:#FFFFFF;--ng-sec:#F5F7FA;--ng-line:#E5E9EF;--ng-ink:#15191F;--ng-mut:#657181;--ng-red:#C91F37;--ng-green:#146C43;--ng-amber:#8A5300;--ng-blue:#1D5FA8}
/* Waiting on Me (waiting-me.css :root dark tokens); sidebar entry .wm-nav stays on the black sidebar */
html[data-mt-appearance="day"]{--wm-ink:#15191F;--wm-dim:#4D5866;--wm-nardo:#657181;--wm-char:#FFFFFF;--wm-char2:#F5F7FA;--wm-line:#E5E9EF;--wm-red:#C91F37;--wm-red2:#A71930;--wm-ok:#146C43;--wm-warn:#8A5300}
html[data-mt-appearance="day"] body .wm-q{color:#27313D}
html[data-mt-appearance="day"] body .wm-hbtn{background:#FFFFFF;color:#27313D;border-color:var(--mt-input-border,#8D97A5)}
/* SmartScan (.ss paper palette): align to Premium Day values */
html[data-mt-appearance="day"] :is(.ss,.ss-launch,.ss-ctx){--ss-ink:#15191F;--ss-nardo-d:#4D5866;--ss-paper:#F5F7FA;--ss-card:#FFFFFF;--ss-line:#E5E9EF;--ss-red:#C91F37;--ss-redbg:#FFF0F2;--ss-ok:#146C43;--ss-okbg:#E8F5EE;--ss-warn:#8A5300;--ss-warnbg:#FFF4DE}
/* Messenger root: secondary text must not drop below AA via opacity */

/* bottom navigation (all roles that mount it) */
html[data-mt-appearance="day"] body.mt-tech-bnav .tech-bnav,
html[data-mt-appearance="day"] body.ng-on .ng-tabbar{background:#FFFFFF!important;border-top:1px solid var(--mtd-line)!important;box-shadow:0 -2px 10px #15191F0A}
html[data-mt-appearance="day"] :is(.tech-bnav,.ng-tabbar) button{color:#4D5866!important;font-weight:650;letter-spacing:0;white-space:normal;line-height:1.15;overflow-wrap:anywhere}
html[data-mt-appearance="day"] :is(.tech-bnav,.ng-tabbar) button :is(svg,.dash-ic){color:#4D5866}
html[data-mt-appearance="day"] :is(.tech-bnav button.on,.ng-tabbar button.is-on,.tech-bnav button[aria-current]){color:var(--mtd-accent-hover)!important;background:var(--mtd-select)!important;box-shadow:inset 0 2px 0 var(--mtd-accent)!important}
html[data-mt-appearance="day"] :is(.tech-bnav button.on,.ng-tabbar button.is-on) :is(svg,.dash-ic){color:var(--mtd-accent)!important}
html[data-mt-appearance="day"] .tech-bnav{gap:2px;padding-left:6px;padding-right:6px}

/* primary actions use exact brand red; hover deepens */
html[data-mt-appearance="day"] body :is(.btn.primary,.btn.teal,.btn.danger,.mt-ap-btn.primary){background:var(--mt-accent,#C91F37)!important;border-color:var(--mt-accent,#C91F37)!important;color:#FFFFFF!important}
html[data-mt-appearance="day"] body :is(.btn.primary,.btn.teal,.btn.danger,.mt-ap-btn.primary):hover{background:var(--mt-accent-hover,#A71930)!important;border-color:var(--mt-accent-hover,#A71930)!important}
html[data-mt-appearance="day"] body .app-shell .nav button.active{background:var(--mtd-select)!important;color:var(--mtd-accent-hover)!important}


/* Standalone shells (meetings / company support) use the same day tokens */
html[data-mt-appearance="day"] body:not(:has(.app-shell)) :is(h1,h2,h3){color:var(--mtd-head)}
/* Customer and owner portals: see standalone-appearance.css (separate data-mt-sa attribute). */
@media (max-width:640px){
 html[data-mt-appearance="day"] body .app-shell .topbar{padding-left:12px;padding-right:12px;gap:8px}
 html[data-mt-appearance="day"] :is(.tech-bnav,.ng-tabbar) button{font-size:10.5px;min-height:54px}
 html[data-mt-appearance="day"] body .app-shell .th-chat-grid{grid-template-columns:1fr}
}

/* ================= Premium Day: module audit pass (day only; tokens first, then confirmed hard-coded dark controls) ================= */
/* Overlay workspaces with private dark palettes: parts runner, loaners, claims, performance studio */
html[data-mt-appearance="day"] .ppr-wrap{--r-ink:#F5F7FA;--r-panel:#FFFFFF;--r-panel2:#F5F7FA;--r-line:#E5E9EF;--r-text:#27313D;--r-dim:#657181;--r-red:#C91F37}
html[data-mt-appearance="day"] .pln-wrap{--l-ink:#F5F7FA;--l-panel:#FFFFFF;--l-panel2:#F5F7FA;--l-line:#E5E9EF;--l-text:#27313D;--l-dim:#657181;--l-red:#C91F37;--l-ok:#146C43}
html[data-mt-appearance="day"] .pcl-wrap{--c-ink:#F5F7FA;--c-panel:#FFFFFF;--c-panel2:#F5F7FA;--c-line:#E5E9EF;--c-text:#27313D;--c-dim:#657181;--c-red:#C91F37;--c-ok:#146C43;--c-amb:#8A5300}
html[data-mt-appearance="day"] .pst-wrap{--p-ink:#F5F7FA;--p-panel:#FFFFFF;--p-panel2:#F5F7FA;--p-line:#E5E9EF;--p-text:#27313D;--p-dim:#657181;--p-nardo:#657181;--p-red:#C91F37}
html[data-mt-appearance="day"] :is(.ppr-wrap,.pln-wrap,.pcl-wrap,.pst-wrap){background:#15191F8C}
html[data-mt-appearance="day"] :is(.ppr-f,.pst-f) :is(input,select,textarea){border-color:#8D97A5;background:#FFFFFF;color:#27313D}
html[data-mt-appearance="day"] :is(.ppr-photo,.ppr-empty,.pst-planned li,.pst-empty){border-color:#CBD2DB}
html[data-mt-appearance="day"] :is(.ppr-card,.pln-card,.pcl-card):hover{border-color:#8D97A5}
html[data-mt-appearance="day"] :is(.ppr-chip,.pln-steps i,.pcl-bar,.pln-fuel){border-color:#CBD2DB}
html[data-mt-appearance="day"] :is(.pln-steps i,.pcl-bar,.pln-fuel){background:#E5E9EF}
html[data-mt-appearance="day"] :is(.ppr-steps i.x,.pln-steps i.x){background:#F2A9B4}
html[data-mt-appearance="day"] :is(.ppr-track li.x,.pln-track li.x){border-color:#F2A9B4}
html[data-mt-appearance="day"] :is(.ppr-err,.pln-err,.pcl-err,.pst-err,.pln-alert b,.pcl-track li.bad,.ppr-chip.f-late){color:#A71930}
html[data-mt-appearance="day"] :is(.ppr-upd,.ppr-block,.pln-upd,.pln-alert,.pln-block,.pcl-upd,.pcl-block,.pst-block){background:#FFF0F2;color:#27313D}
html[data-mt-appearance="day"] .pcl-warn{background:#FFF0F2;color:#A71930}
html[data-mt-appearance="day"] .pln-chip:is(.s-maintenance,.s-busy){color:#8A5300;border-color:#EBC27A}
html[data-mt-appearance="day"] .pln-chip:is(.s-returned,.s-ok,.s-available),html[data-mt-appearance="day"] .pcl-chip:is(.s-approved,.s-paid,.s-complete,.s-verified){border-color:#9FD3B6}
html[data-mt-appearance="day"] .pcl-chip:is(.s-information_requested,.s-needs_verification,.s-unverified){border-color:#EBC27A}
html[data-mt-appearance="day"] :is(.pln-chip.s-confirmed,.pcl-chip.s-ready,.pcl-chip.s-submitted,.pln-robtn,.pcl-robtn){border-color:#CBD2DB}
html[data-mt-appearance="day"] .ppr-robtn{background:#FFFFFF;color:#27313D;border:1px solid #8D97A5}
html[data-mt-appearance="day"] .ppr-skel i{background:linear-gradient(90deg,#EEF1F5,#F5F7FA,#EEF1F5)}
html[data-mt-appearance="day"] .pst-skel i{background:linear-gradient(90deg,#EEF1F5,#F5F7FA,#EEF1F5)}
html[data-mt-appearance="day"] .pst-hero{background:#FFFFFF;color:#15191F;border-color:#E5E9EF}
html[data-mt-appearance="day"] .pst-hero p{color:#657181}

/* Tool purchasing (.tpx private dark palette) */
html[data-mt-appearance="day"] .tpx{--tp-bg:#F5F7FA;--tp-card:#FFFFFF;--tp-card2:#F5F7FA;--tp-line:#E5E9EF;--tp-ink:#27313D;--tp-mute:#657181;--tp-red:#C91F37;--tp-red2:#A71930;--tp-ok:#146C43;--tp-warn:#8A5300}
html[data-mt-appearance="day"] .tpx :is(.tpx-notice,.tpx-msg,.tpx-tag,.tpx-dup,.tpx-similar,.tpx-block,.tpx-role,.tpx-help,.tpx-pre,.tpx-queues button,.tpx-chip){background:#F5F7FA;color:#27313D;border-color:#E5E9EF}
html[data-mt-appearance="day"] .tpx :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){background:#FFFFFF;color:#27313D;border-color:#8D97A5}
html[data-mt-appearance="day"] .tpx .btn.secondary{background:#FFFFFF;color:#27313D;border-color:#8D97A5}
html[data-mt-appearance="day"] .tpx .btn.danger{background:#FFFFFF;color:#A71930;border-color:#F2A9B4}
html[data-mt-appearance="day"] .tpx :is(a,.tpx-count){color:#15191F}
html[data-mt-appearance="day"] .tpx :is(.tpx-f em,.tpx-late,.tpx-urg.u-urgent,.tpx-msg.bad,.tpx-det.danger>summary){color:#A71930}
html[data-mt-appearance="day"] .tpx .tpx-chip:is(.s-declined,.s-canceled),html[data-mt-appearance="day"] .tpx .tpx-tag.bad{color:#A71930;background:#FFF0F2;border-color:#F2A9B4}
html[data-mt-appearance="day"] .tpx .tpx-chip:is(.s-more-information-needed,.s-in-transit){color:#8A5300;background:#FFF4DE}
html[data-mt-appearance="day"] .tpx .tpx-chip:is(.s-approved,.s-delivered,.s-assigned-added-to-inventory){color:#146C43;background:#E8F5EE}
html[data-mt-appearance="day"] .tpx .tpx-pill.on{border-color:#C91F37}
html[data-mt-appearance="day"] .tpx :is(.tpx-err,.tpx-empty){border-color:#CBD2DB}
html[data-mt-appearance="day"] .tpx .tpx-skel i{background:linear-gradient(90deg,#EEF1F5,#F5F7FA,#EEF1F5)}

/* Technician workspace (body.tw-on --tw-*) */
html[data-mt-appearance="day"] body.tw-on{--tw-ink:#27313D;--tw-mute:#657181;--tw-bg:#FFFFFF;--tw-bg2:#F5F7FA;--tw-line:#E5E9EF;--tw-red:#C91F37;--tw-redbg:#FFF0F2}
html[data-mt-appearance="day"] :is(.tw-ron,.tw-waiter,.tw-ro h3,.twe-tot td){color:#15191F}
html[data-mt-appearance="day"] .tw-hubi.on{color:#A71930}
html[data-mt-appearance="day"] :is(.tw-warn,.twe-vd a){color:#A71930}
html[data-mt-appearance="day"] .twe-tag{color:#A71930;border-color:#F2A9B4}
html[data-mt-appearance="day"] :is(.tw-complaint,.tw-est input,.tw-est textarea){background:#F5F7FA;color:#27313D}
html[data-mt-appearance="day"] body.tw-on .tw-mbar button:not([data-side="left"]){background:#FFFFFF;color:#27313D;border-color:#8D97A5;box-shadow:0 4px 14px #15191F1F}
html[data-mt-appearance="day"] :is(.twe-note,.twe-warn){background:#FFF4DE;border-color:#EBC27A;color:#8A5300}
html[data-mt-appearance="day"] .twe-err{background:#FFF0F2;border-color:#F2A9B4;color:#A71930}
html[data-mt-appearance="day"] .twe-ok{background:#E8F5EE;border-color:#9FD3B6;color:#146C43}
html[data-mt-appearance="day"] body.tw-on #ea-lube .ea-note{background:#F5F7FA!important;color:#27313D!important;border-color:#E5E9EF}
html[data-mt-appearance="day"] body.tw-on #ea-lube :is(.ea-phasebar span,.ea-steps li):not(.is-on){background:#EEF1F5!important;color:#4D5866!important}

/* Smart clock, dispatch, facilities, operations, repair hub (already on bridged employee tokens): fix light-only accents */
html[data-mt-appearance="day"] .sc-emp,html[data-mt-appearance="day"] .sc-mgr{--sc-ok:#146C43;--sc-warn:#8A5300;--sc-bad:#A71930}
html[data-mt-appearance="day"] .sc-err,html[data-mt-appearance="day"] .sc-table tr.is-bad td{background:#FFF0F2}
html[data-mt-appearance="day"] .sc-table tr.is-review td{background:#FFF4DE}
html[data-mt-appearance="day"] .dsp{--d-amber:#8A5300;--d-steel:#4D5866}
html[data-mt-appearance="day"] .dsp-hero,html[data-mt-appearance="day"] .ops-hero{background:#FFFFFF}
html[data-mt-appearance="day"] :is(.dsp-stats .is-hot dd,.dsp-note.bad,.fac-info-tag,.fac-file.is-error .tiny){color:#A71930!important}
html[data-mt-appearance="day"] .dsp-note.ok{color:#146C43;border-color:#9FD3B6}
html[data-mt-appearance="day"] :is(.dsp-ws.ws-clocked_in,.dsp-ws.ws-working){color:#146C43}
html[data-mt-appearance="day"] .dsp-skel i,html[data-mt-appearance="day"] .ops-skel i{background:linear-gradient(90deg,#EEF1F5,#F5F7FA,#EEF1F5)}
html[data-mt-appearance="day"] .ops-manual{color:#8A5300}
html[data-mt-appearance="day"] .ops-note.ok{background:#E8F5EE;border-color:#9FD3B6;color:#146C43}
html[data-mt-appearance="day"] :is(.ops-note.bad,.ops-err){background:#FFF0F2;border-color:#F2A9B4;color:#A71930}
html[data-mt-appearance="day"] .fac-st-waiting-on-parts,html[data-mt-appearance="day"] .fac-st-waiting-on-outside-vendor{border-color:#EBC27A;color:#8A5300}
html[data-mt-appearance="day"] :is(.rh-root,.rh-rostrip){--rh-ok:#146C43;--rh-warn:#8A5300}

/* Shop intelligence pages (.msi light already): only the dark sidebar nav entries and AA greys */
html[data-mt-appearance="day"] .msi :is(.msi-tglabel,.msi-hint,.msi-unknown,.msi-gap,.msi-note.retracted .msi-text){color:#657181}
html[data-mt-appearance="day"] .msi-tabs button.active{background:#FFF0F2;color:#A71930;border-color:#C91F37}
/* RO Notes drawer: AA greys */
html[data-mt-appearance="day"] .msd :is(.msd-item time,.msd-role,.msd-pins h3,.msd-visits h3,.msd-item.dead .msd-text){color:#657181}
html[data-mt-appearance="day"] .msd .msd-seg button[aria-pressed="true"]{background:#C91F37;color:#FFFFFF}

/* Workforce tools (light already): exact palette */
html[data-mt-appearance="day"] .wf{--wf-red:#C91F37;--wf-ink:#27313D;--wf-mut:#657181;--wf-line:#E5E9EF;--wf-soft:#F5F7FA;--wf-ok:#146C43;--wf-amber:#8A5300}
/* Onboarding in-app cards (public landing .lp/.ob-bay and login stay untouched) */
html[data-mt-appearance="day"] body .app-shell .ob-codecard{background:#FFFFFF!important;color:#27313D!important}
html[data-mt-appearance="day"] body .app-shell .ob-codecard :is(small,.tiny){color:#657181!important}
html[data-mt-appearance="day"] body .app-shell .mj-steps span.done{background:#C91F37}


/* Meetings + company support (standalone, owner.css family): remaining hard-coded dark surfaces */
html[data-mt-appearance="day"] :is(.mt-top,.mt-list,.mt-date,.mt-checks,.mt-link code){background:#FFFFFF!important}
html[data-mt-appearance="day"] .mt-date b{color:#15191F!important}
html[data-mt-appearance="day"] .mt-tabs button[aria-selected=true]{color:#FFFFFF!important}

/* Final audit: ro-operations go button (#F6FBF7 on #3F9B6B is 3.4:1) -> AA green; primary/error pairs already >=4.5:1 */
html[data-mt-appearance="day"] .rop-btn.is-go{background:#146C43;border-color:#146C43;color:#FFFFFF}
/* Subscriptions in-app entry/back controls (dark --sb-* set). Public .sb-launch marketing stays native. */
html[data-mt-appearance="day"] :is(.sb-entry,.sb-back){--sb-ink:#F5F7FA;--sb-coal:#FFFFFF;--sb-line:#E5E9EF;--sb-txt:#27313D;--sb-dim:#657181;--sb-red:#C91F37;--sb-red2:#A71930}

/* Browser findings (Day only) */
html[data-mt-appearance="day"] .th-desc{color:var(--mt-text,#27313D)}
html[data-mt-appearance="day"] .ea-lube-hero{background:#FFFFFF;color:#27313D;border:1px solid #E5E9EF;border-left:4px solid var(--ea-acc,#C91F37)}
html[data-mt-appearance="day"] .ea-lube-hero :is(h1,h2,h3){color:#15191F}
html[data-mt-appearance="day"] .ea-lube-hero .ea-sub{color:#657181}
html[data-mt-appearance="day"] .ea-lube-hero .ea-dl dt{color:#657181}
html[data-mt-appearance="day"] .ea-lube-hero .ea-dl dd{color:#15191F}
html[data-mt-appearance="day"] :is(.cc-root,.cc-dlg-back){--cc-bg:#F5F7FA;--cc-panel:#FFFFFF;--cc-panel2:#F5F7FA;--cc-line:#E5E9EF;--cc-line2:#8D97A5;--cc-ink:#27313D;--cc-mut:#657181;--cc-nardo:#657181;--cc-red:#C91F37;--cc-red-d:#A71930;--cc-redbg:#FFF0F2;--cc-amber:#8A5300;--cc-amberbg:#FFF4DE;--cc-ok:#146C43;color:#27313D}
html[data-mt-appearance="day"] .cc-sec{background:#FFFFFF;border-color:#E5E9EF;color:#27313D}
html[data-mt-appearance="day"] .cc-sec :is(h2,h3,h4){color:#15191F}
html[data-mt-appearance="day"] .cc-btn:hover:not(:disabled){background:#F5F7FA}
html[data-mt-appearance="day"] .cc-ini{background:#EEF1F5;color:#27313D}
html[data-mt-appearance="day"] .cc-skel i{background:linear-gradient(90deg,#EEF1F5,#F5F7FA,#EEF1F5);background-size:200% 100%}
/* Messenger day tokens (layout lives in messenger.css). */
html[data-mt-appearance="day"] #mx-root{--mx-ink:#27313D;--mx-mut:#657181;--mx-red:#C91F37;--mx-red2:#A71930;--mx-redbg:#FFF0F2;--mx-line:#E5E9EF}