/* Mech Tech shared header colors. Loaded LAST. Applies only when header-appearance.js
   sets <html data-mh-on> for a signed-in employee; public pages never match.
   Colors only: no layout, sizing or positioning changes to the dealer header. */
 :root{--mh-background:#101114;--mh-ink:#FFFFFF;--mh-muted:#B5B7BB;--mh-border:#77797C;--mh-divider:#393B40;--mh-hover:#27282A;--mh-hover-ink:#FFFFFF;--mh-accent:#FF667A;--mh-accent-background:#B8323B;--mh-accent-ink:#FFFFFF}
 :root[data-mt-appearance="day"]{--mh-background:#FFFFFF;--mh-ink:#000000;--mh-muted:#4A4D51;--mh-border:#77797C;--mh-divider:#D1D3D4;--mh-hover:#F2F3F4;--mh-hover-ink:#000000;--mh-accent:#B8323B}
 body.dh-on{
 --dh-paper:var(--mh-background);--dh-ink:var(--mh-ink);--dh-ink2:var(--mh-muted);--dh-nardo:var(--mh-border);
 --dh-line:var(--mh-divider);--dh-soft:var(--mh-hover);--dh-signal:var(--mh-accent-background);
}
/* bar itself: beats dealer-header.css #app rule and appearance.css topbar rule */
html[data-mh-on] body.dh-on #app .app-shell .topbar.dh-topbar{background:var(--mh-background)!important;color:var(--mh-ink)!important;border-bottom-color:var(--mh-border)!important}
html[data-mh-on] body.dh-on #app .app-shell .topbar.dh-topbar :is(h1,b,strong,.dh-name,.dh-full,.dh-cname,.dh-rt){color:var(--mh-ink)!important}
html[data-mh-on] body.dh-on #app .app-shell .topbar.dh-topbar :is(small,.tiny,.hint,.muted,.dh-sub,.dh-muted,.dh-clock){color:var(--mh-muted)!important}
html[data-mh-on] body.dh-on #app .app-shell .topbar.dh-topbar .dh-clock strong{color:var(--mh-ink)!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(.sidebar-toggle,.dh-utility,.dh-search,.dh-more,.dh-icon,.dash-bell,.qs-head-btn,.wm-hbtn,.btn,button:not(.dh-dealer):not(.dh-conn):not(.dh-res)){background:var(--mh-background)!important;color:var(--mh-ink)!important;border-color:var(--mh-border)!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar .dh-icon{border-color:transparent!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(.sidebar-toggle,.dh-utility,.dh-search,.dh-more,.dh-icon,.dash-bell,.qs-head-btn,.wm-hbtn,.btn,.dh-dealer):hover,
html[data-mh-on] body.dh-on #app .topbar.dh-topbar .dh-dealer[aria-expanded="true"]{background:var(--mh-hover)!important;color:var(--mh-hover-ink)!important;border-color:var(--mh-border)!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar .dh-dealer{color:var(--mh-ink)!important;border-color:var(--mh-border)!important;background:transparent!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(.dh-dealer,.dh-utility,.dh-search,.dh-more,.dh-icon,.dash-bell,.qs-head-btn,.wm-hbtn):hover :is(.dh-name,.dh-full,.dh-cname,.dh-rt,.dh-sub,.dh-muted,.dh-chev){color:var(--mh-hover-ink)!important}
html[data-mh-on] body.dh-on :is(.dh-conn:hover:not([disabled]),.dh-res:hover,.dh-res:focus,.dh-conn.is-current) :is(.dh-full,.dh-cname,.dh-name,.dh-dim,.dh-sub,.dh-muted,.dh-scope,.dh-big){color:var(--mh-hover-ink)!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(svg,.dh-ic,.dh-chev){color:inherit}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar .dh-chev{color:var(--mh-muted)}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(.dash-bell-badge,.qs-badge.bad,.dot){background:var(--mh-accent-background)!important;color:var(--mh-accent-ink)!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--mh-ink)!important;outline-offset:2px}
/* logo plate keeps original white artwork readable on light header colors */
html[data-mh-on][data-mh-tone="light"] body.dh-on .dh-logo{background:#101114!important;color:#F5F5F5!important}
html[data-mh-on] body.dh-on .dh-logo img{background:transparent}
/* header-owned menus, search, overflow, notification, WOM and quick-scan popovers */
html[data-mh-on] body.dh-on :is(.dh-menu,.dh-search-panel,.dh-more-panel,.dh-modal),
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(.dash-pop,.dash-bellpop,.wm-pop,.dh-more-panel){background:var(--mh-background)!important;color:var(--mh-ink)!important;border-color:var(--mh-border)!important}
html[data-mh-on] body.dh-on :is(.dh-menu,.dh-search-panel,.dh-modal,.dh-more-panel,.dash-pop,.dash-bellpop,.wm-pop) :is(.dh-mhead,.dh-mfoot,.dh-sbox,.dash-pop-head,.dash-pop-foot){border-color:var(--mh-divider)!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(.dash-pop,.dash-bellpop,.wm-pop) :is(b,strong,h3,h4,.dash-notif-main){color:var(--mh-ink)!important}
html[data-mh-on] body.dh-on #app .topbar.dh-topbar :is(.dash-pop,.dash-bellpop,.wm-pop) :is(small,.muted,.tiny){color:var(--mh-muted)!important}
html[data-mh-on] body.dh-on :is(.dh-conn,.dh-res){color:var(--mh-ink)!important}
html[data-mh-on] body.dh-on :is(.dh-conn:hover:not([disabled]),.dh-res:hover,.dh-res:focus,.dh-conn.is-current){background:var(--mh-hover)!important;color:var(--mh-hover-ink)!important}
html[data-mh-on] body.dh-on .dh-conn.is-current{box-shadow:inset 3px 0 0 var(--mh-accent)!important}
html[data-mh-on] body.dh-on :is(.dh-kicker,.dh-group,.dh-scope,.dh-fine,.dh-dim,.dh-big){color:var(--mh-muted)!important}
html[data-mh-on] body.dh-on .dh-rico{border-color:var(--mh-divider)}
html[data-mh-on] body.dh-on :is(.dh-form input,.dh-sbox input){background:var(--mh-background)!important;color:var(--mh-ink)!important;border-color:var(--mh-border)!important}
html[data-mh-on] body.dh-on .dh-sbox input{border-color:transparent!important}
html[data-mh-on] body.dh-on :is(.dh-form input,.dh-sbox input)::placeholder{color:var(--mh-muted);opacity:1}
html[data-mh-on] body.dh-on .dh-btn{background:var(--mh-accent-background)!important;border-color:var(--mh-accent-background)!important;color:var(--mh-accent-ink)!important}
html[data-mh-on] body.dh-on .dh-btn.ghost{background:transparent!important;color:var(--mh-ink)!important;border-color:var(--mh-border)!important}
html[data-mh-on] body.dh-on .dh-btn.ghost:hover{background:var(--mh-hover)!important;color:var(--mh-hover-ink)!important}
html[data-mh-on] body.dh-on .dh-ai{border-color:var(--mh-divider);border-left-color:var(--mh-accent)}
html[data-mh-on] body.dh-on .dh-msg.bad{color:var(--mh-ink);border-left:3px solid var(--mh-accent);padding-left:8px}
html[data-mh-on] body.dh-on :is(.dh-dealer,.dh-search,.dh-more,.dh-conn,.dh-res,.dh-btn,.dh-icon,.dh-utility):focus-visible{outline:2px solid var(--mh-ink)!important;outline-offset:2px}

/* ---------- Header Customization editor (inside existing Appearance section) ---------- */
.mh-ed{margin-top:22px;padding-top:20px;border-top:1px solid var(--ap-line)}
.mh-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.mh-ed h3{margin:2px 0 4px;font-size:17px;letter-spacing:-.3px;color:var(--ap-ink)!important}
.mh-sub{margin:0;color:var(--ap-mut);font-size:13px;max-width:60ch}
.mh-scope{display:inline-flex;border:1px solid var(--ap-line);border-radius:10px;padding:3px;gap:3px}
.mh-sbtn{min-height:36px;padding:6px 14px;border:0;border-radius:7px;background:transparent;color:var(--ap-ink);font:inherit;font-weight:700;cursor:pointer}
.mh-sbtn[aria-checked=true]{background:var(--ap-acc);color:var(--ap-acc-ink)}
.mh-chip{padding:6px 12px;font-size:12px;font-weight:700;color:var(--ap-mut)}
.mh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.mh-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;margin-bottom:14px}
.mh-sw{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;min-height:48px;padding:7px 9px;border:1px solid var(--ap-line);border-radius:10px;background:transparent;color:var(--ap-ink);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}
.mh-sw:hover{transform:translateY(-1px)}
.mh-sw i{grid-row:1/3;width:26px;height:26px;border-radius:7px;background:var(--sw);box-shadow:inset 0 0 0 1px #FFFFFF33,0 0 0 1px #00000040}
.mh-sw span{font-size:12.5px;font-weight:700}.mh-sw code{font-size:11px;color:var(--ap-mut)}
.mh-sw[aria-pressed=true]{border-color:var(--ap-ink);box-shadow:inset 0 0 0 1px var(--ap-ink);background:var(--ap-hover)}
.mh-sw:focus-visible,.mh-sbtn:focus-visible{outline:2px solid var(--ap-ink);outline-offset:2px}
.mh-custom label{display:block;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ap-mut);margin-bottom:6px}
.mh-inputs{display:flex;gap:6px;align-items:center}
.mh-ed input[type=color]{width:42px;height:40px;padding:2px;border:1px solid var(--ap-line);border-radius:9px;background:transparent;cursor:pointer}
.mh-ed input[data-mh-hex]{width:170px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:9px 10px;border-radius:8px;text-transform:uppercase}
.mh-ed input[aria-invalid=true]{outline:2px solid var(--ap-ink)!important}
.mh-err{font-size:12px;color:var(--ap-ink);margin-top:4px}.mh-err:empty{display:none}
.mh-enforce{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:11px 12px;border:1px solid var(--ap-line);border-radius:10px;cursor:pointer}
.mh-enforce[hidden]{display:none}
.mh-enforce input{margin-top:3px;width:18px;height:18px;accent-color:var(--ap-acc)}
.mh-enforce b{display:block;font-size:13.5px;color:var(--ap-ink)!important}.mh-enforce small{display:block;font-size:12px;color:var(--ap-mut)!important;line-height:1.4}
.mh-explain{font-size:13px;color:var(--ap-mut);margin-top:14px}.mh-explain p{margin:0 0 6px}.mh-explain b{color:var(--ap-ink)!important}
.mh-warn{border-left:3px solid #D99A2B;padding-left:9px;color:var(--ap-ink)}
.mh-plabel{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ap-mut);margin:0 0 7px}
.mh-preview{margin-bottom:14px}
.mh-pv{display:flex;align-items:center;gap:8px;height:58px;padding:0 10px;border-radius:11px;background:var(--pv-background);color:var(--pv-ink);border:1px solid var(--ap-line);border-bottom:2px solid var(--pv-border);overflow:hidden;transition:background .2s}
.mh-pv-logo{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#101114;flex:none}
.mh-pv-logo img{width:28px;height:auto}
.mh-pv-co{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.15;padding:4px 8px;border:1px solid var(--pv-border);border-radius:8px}
.mh-pv-co b{font-size:13px;color:var(--pv-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-pv-co small{font-size:11px;color:var(--pv-muted)!important}
.mh-pv-ic,.mh-pv-bell{width:30px;height:30px;border-radius:8px;border:1px solid var(--pv-border);flex:none;position:relative}
.mh-pv-ic:after{content:"";position:absolute;inset:9px;border:2px solid var(--pv-ink);border-radius:50%}
.mh-pv-bell i{position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--pv-accent-background);box-shadow:0 0 0 2px var(--pv-background)}
.mh-pv-menu{display:flex;flex-direction:column;line-height:1.15;padding:4px 8px;border-radius:7px;background:var(--pv-hover);flex:none}
.mh-pv-menu b{font-size:11px;color:var(--pv-hover-ink)!important}.mh-pv-menu small{font-size:10px;color:var(--pv-hover-ink)!important;opacity:.85}
.mh-pending{display:block;font-size:11.5px;color:var(--ap-mut);margin-top:5px}
.mh-contrast{font-size:12px;color:var(--ap-mut);line-height:1.45}
.mh-skel{height:14px;border-radius:5px;background:var(--ap-hover);margin:8px 0;animation:mh-pulse 1.2s ease-in-out infinite}.mh-skel.s{width:55%}
@keyframes mh-pulse{50%{opacity:.45}}
@media(max-width:860px){.mh-grid{grid-template-columns:1fr}.mh-pv-menu{display:none}}
@media(max-width:420px){.mh-presets{grid-template-columns:1fr 1fr}.mh-ed input[data-mh-hex]{width:100%}.mh-pv-ic{display:none}}
@media(prefers-reduced-motion:reduce){.mh-sw,.mh-pv{transition:none}.mh-skel{animation:none}}