/* Shared Frosted Platinum windows (option 04), based on the route shop picker. Presentation only.
   The :is specificity anchor beats legacy ID-based important backgrounds. */
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] {
  --bg-window-tint: rgba(13,19,25,.33);
  --bg-window-solid: #18202c;
  background: linear-gradient(rgba(201,214,227,.18),rgba(201,214,227,.18)),linear-gradient(140deg,rgba(255,255,255,.07),rgba(255,255,255,0) 47%),var(--bg-window-tint) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  border-radius: 30px !important;
  box-shadow: inset 0 1px 0 #ffffff42,inset 0 -1px 0 #ffffff12,0 18px 50px #0005 !important;
  backdrop-filter: blur(22.1375px) saturate(150%) brightness(.68) !important;
  -webkit-backdrop-filter: blur(22.1375px) saturate(150%) brightness(.68) !important;
}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface="dark"] {
  --bg-window-tint: rgba(13,19,25,.33);
  --bg-window-solid: #18202c;
}

:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-backdrop],
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body dialog[data-bg-glass-surface]::backdrop {
  background: rgba(5,9,13,.12) !important;
  backdrop-filter: blur(3.1625px) !important;
  -webkit-backdrop-filter: blur(3.1625px) !important;
}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-inset] { background: transparent !important; background-image:none!important; }
/* Fields, tables and plots retain reading surfaces. Plain labels use the
   selected Frosted Platinum appearance without extra boxes or typography changes. */
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-readable] {
  background: rgba(13,20,30,.88) !important;
  background-image: none !important;
  color:#f8fafc;
  border-radius:6px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  text-shadow:none!important;
}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-copy] {text-shadow:0 1px 3px #0005}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-readable="plot"] {border-radius:12px}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] :is(input,textarea)::placeholder {color:#64748b;opacity:1}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-readable]::placeholder {color:#cbd5e1;opacity:1}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-field="dark"]::placeholder {color:#cbd5e1;opacity:1}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea)[data-bg-glass-field="light"] {background:#f8fafc!important;color:#172033!important;text-shadow:none!important}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea)[data-bg-glass-field="dark"] {background:#172033!important;color:#f8fafc!important;text-shadow:none!important}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] option {background:#f8fafc;color:#172033}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] :is(button,input,textarea,select):focus-visible {outline:3px solid #ffdf43!important;outline-offset:3px!important}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] :disabled {opacity:1!important}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-svg] {stroke:none;text-shadow:0 1px 2px #0005}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-svg="dark"] {fill:#f8fafc!important}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-svg="light"] {fill:#172033!important;text-shadow:none}
/* Keep sticky save bars legible as fields scroll underneath. */
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] .bg-emp-profile-footer {
  background: rgba(18,24,34,.92) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
@media(max-width:600px) {
  :is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] { border-radius: 26px !important; }
}
/* Respect a user's accessibility preference and older rendering engines. */
@media(prefers-reduced-transparency:reduce) {
  :is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] { background: var(--bg-window-solid) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
  :is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-inset] { background: transparent !important; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  :is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface] { background: var(--bg-window-solid) !important; }
}
@media print {
  :is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-surface],:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-inset],:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-readable] { background: #fff !important; color:#172033 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
}
/* Mobile's legacy modal normalizer used a layer below the employee editor. */
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body .bg-emp-confirm[data-bg-glass-backdrop] {z-index:2147483647!important}

/* Local ink adjustments keep opaque fields/cards readable inside dark glass. */
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-ink="light"] {color:#e2e8f0!important}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-ink="dark"] {color:#172033!important}
:is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-ink="link"] {color:#93c5fd!important}
@media print {
 :is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-ink] {color:#172033!important}
 :is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-svg] {fill:#172033!important;stroke:none}
 :is(html,#bgPopupGlass#bgPopupGlass#bgPopupGlass) body [data-bg-glass-readable="plot"] {background:#111b29!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}