/* AR Beam — Global glass darkening for readability (v3).
   Served from 'self' (CSP style-src 'self' 'unsafe-inline').
   Two layers:
   1) Darken the glass CSS variables (fixes all .glass/.glass-soft surfaces).
   2) Explicitly darken inner-page panels that HARDCODE light (#ffffffXX) or
      light-gray (#7f7f7fXX) backgrounds, and neutralize the white gradient
      sheen from the app's high-specificity ".app-shell ..." rule.
   EXCLUDES status pills, badges, severity/leave-type colors, progress bars,
   buttons and inputs so color-coding and controls keep meaning.
   Tunable: raise the alpha (last number) to darken further. */

:root {
  --glass: rgba(13, 19, 30, 0.60) !important;
  --glass-strong: rgba(9, 14, 23, 0.74) !important;
  --glass-soft: rgba(17, 25, 38, 0.52) !important;
}

/* App backdrop: solid dark so transparent .workspace reads dark on every page */
.app-shell { background: linear-gradient(160deg, #0b1119, #0f172a) !important; }

/* --- Beat the app's ".app-shell X" compound rule (kills white sheen) --- */
.app-shell .workspace,
.app-shell .browser-bar,
.app-shell .side-rail,
.app-shell .profile-header,
.app-shell .profile-card,
.app-shell .controls,
.app-shell .wireframe-panel,
.app-shell .metrics div,
.app-shell .summary-strip,
.app-shell .summary-strip div,
.app-shell .coverage-grid div,
.app-shell .person-row,
.app-shell .wire-person,
.app-shell .org-root,
.app-shell .url-pill {
  background-color: rgba(13, 19, 30, 0.60) !important;
  background-image: none !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

/* --- Single-class panels that hardcode light backgrounds (all pages) --- */
.glass,
.glass-soft,
.workspace,
.browser-bar,
.controls,
.side-rail,
.summary-strip,
.summary-strip div,
.metrics div,
.coverage-grid div,
.wireframe-panel,
.otchart-card,
.ops-panel,
.pm-tracker,
.pm-table-wrap,
.pm-stat,
.pm-assign,
.pm-none,
.pm-ingest,
.paycomp-grp,
.qbo-steps,
.pdf-import,
.ts-card-h,
.ts-daycard,
.ts-hcell,
.ts-in,
.ts-modeswitch,
.eq-pre,
.eq-thumb,
.eq-cond-compare,
.eq-tabs,
.mini,
.mini-modal,
.emp-modal,
.comm-modal-back,
.chat-bubble,
.hand-queue,
.sfu-grid,
.cab-list-item,
.account-row,
.person-row,
.org-root,
.team-branch,
.wire-person,
.profile-card,
.profile-header,
.url-pill,
.skill-line,
.rd-cause,
.root-line {
  background-color: rgba(13, 19, 30, 0.60) !important;
  background-image: none !important;
}

/* Search/inputs a touch lighter for affordance (not full controls restyle) */
.search,
.search-box,
.cp-search { background-color: rgba(17, 25, 38, 0.56) !important; background-image: none !important; }


/* ============================================================
   LOGIN PAGE ONLY: restore original light frosted glass.
   (Everything else, incl. the Profile screen, stays dark.)
   ============================================================ */
.login-shell {
  --glass: rgba(28, 30, 34, 0.54) !important;
  --glass-strong: rgba(32, 34, 38, 0.72) !important;
  --glass-soft: rgba(255, 255, 255, 0.10) !important;
  --stroke: rgba(255, 255, 255, 0.26) !important;
  --stroke-soft: rgba(255, 255, 255, 0.15) !important;
  background: #00000005 !important;
}
.login-shell .login-card,
.login-card {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, #2a384270, #121c234d) !important;
  border-color: var(--stroke) !important;
  box-shadow: var(--shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(128%) !important;
  backdrop-filter: blur(18px) saturate(128%) !important;
}