/* Day Ops light-blue liquid-glass layer. Cosmetic only: no layout, spacing or behavior changes.
   Opaque fallbacks come first; translucency/blur only where supported and only on large chrome, never per cell or chip. */
:root{--orange:var(--accent);--glass-hi:rgba(255,255,255,.07);--glass-shadow:0 1px 0 var(--glass-hi) inset,0 8px 24px rgba(2,8,20,.28);}
[data-theme="light"]{--accent-ink:#ffffff;--glass-hi:rgba(255,255,255,.75);--glass-shadow:0 1px 0 var(--glass-hi) inset,0 6px 20px rgba(20,60,110,.10);}
body{background:var(--bg);background-image:radial-gradient(1200px 600px at 85% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),radial-gradient(900px 500px at -10% 110%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 60%);background-attachment:fixed;}
/* Large chrome surfaces: sidebar, drawer, auth, dialogs */
.sidebar,.mobile-drawer,.auth-card,.dc-modal,.dc-menu,.ops-bulk,.week-bar,.home-panel,.waiting-panel{box-shadow:var(--glass-shadow);}
/* Shared content surfaces use highlights, not hundreds of backdrop filters. */
.settings-card,.inv-card,.fleet-card,.fleet-check-item,.invoice-export-card,.netsuite-card,.scope-card,.modal,.home-attention-card,.ops-row{
  background-image:linear-gradient(160deg,var(--glass-hi),transparent 48%);
  box-shadow:0 1px 0 var(--glass-hi) inset,0 4px 14px rgba(2,8,20,.08);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) and (background:color-mix(in srgb,red 50%,transparent)){
  .sidebar,.mobile-drawer,.auth-card,.dc-modal,.dc-menu{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);}
  .dc-ov{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
}
.sidebar{border-right-color:color-mix(in srgb,var(--accent) 16%,var(--border));}
.logo-mark,.auth-logo-mark{color:var(--accent-ink,#04121f);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 78%,#ffffff),var(--accent));box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent);}
.auth-page{background:transparent;}
.auth-card{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));}
/* Primary buttons: readable ink on blue, fine top highlight */
.gen-btn,.dc-btn.pri,.ops-upload,.btn-primary,.auth-submit,.auth-tab.active,.theme-btn.active,.scope-ai-btn,.fleet-tab.active{
  color:var(--accent-ink,#04121f);box-shadow:0 1px 0 rgba(255,255,255,.28) inset;
}
.bookmarklet-link{color:var(--accent-ink,#04121f)!important;}
.fleet-vehicle-option.active{background:var(--s2);background:color-mix(in srgb,var(--accent) 12%,var(--s2));}
[data-theme="light"] .gen-btn,[data-theme="light"] .ops-upload{color:var(--accent-ink,#ffffff);}
/* Focus: consistent visible ring */
:where(button,a,input,select,textarea,[role="button"],[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
/* Calendar chrome (runtime-injected CSS loads later; html prefix raises specificity). No transforms or blur on cells/chips. */
html .dc-month,html .dc-mscroll{box-shadow:var(--glass-shadow);}
html .dc-mh{background:color-mix(in srgb,var(--s2) 92%,var(--accent));}
html .dc-cell.today{box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);}
html .dc-btn.on{background:color-mix(in srgb,var(--accent) 12%,var(--s2));}
html .dc-btn.pri{color:var(--accent-ink,#04121f);}
html .dc-chip,html .dc-row{
  background-color:color-mix(in srgb,var(--c) 88%,transparent);
  background-image:linear-gradient(180deg,rgba(255,255,255,.13),transparent 65%);
  transition:background-color 160ms ease,box-shadow 160ms ease,filter 160ms ease;
}
html .dc-chip:hover,html .dc-row:hover,html .dc-chip:focus-visible,html .dc-row:focus-visible{
  filter:brightness(1.03) drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 32%,transparent));
}
html .dc-chip:focus-visible,html .dc-row:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;
}
html .dc-chip:not(.dc-flagged):not(.do-job-flagged),html .dc-row:not(.dc-flagged):not(.do-job-flagged){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}
@media (prefers-reduced-transparency:reduce){html .dc-chip,html .dc-row{background-color:var(--c);}}
@media (prefers-reduced-transparency:reduce){.sidebar,.mobile-drawer,.auth-card,.dc-modal,.dc-menu{background:var(--surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}.dc-ov{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}}