/* Shared website glass shell. Dense reading surfaces retain a stable high-contrast fill. */
body.erp-glass{
 --glass-dark:rgba(20,20,16,.66);--glass-light:rgba(255,253,245,.87);--glass-edge:rgba(244,217,148,.25);
 --glass-shadow:0 16px 44px rgba(0,0,0,.14);--glass-glint:inset 0 1px 0 rgba(255,246,221,.15);
 background:radial-gradient(ellipse at 88% 5%,rgba(177,139,60,.32),transparent 48%),radial-gradient(ellipse at 7% 75%,rgba(132,119,72,.23),transparent 44%),linear-gradient(145deg,#171913,#29271f 60%,#151914);
 background-attachment:fixed;
 --card:rgba(25,24,19,.82);--card-2:rgba(34,31,23,.86);--bg-soft:rgba(23,24,19,.88);
}
body.erp-glass::before{display:none}
body.erp-glass .sidebar{background:var(--glass-dark);border-right-color:var(--glass-edge);box-shadow:inset -1px 0 0 rgba(255,247,216,.05);backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}
body.erp-glass .side-brand{background:linear-gradient(140deg,rgba(227,194,120,.08),transparent);border-bottom-color:var(--glass-edge)}
body.erp-glass .side-nav a.active{background:rgba(222,185,99,.18);box-shadow:var(--glass-glint);border-radius:10px}
body.erp-glass .page>.container,body.erp-glass .page>.dashboard{position:relative;isolation:isolate;background:transparent;box-shadow:var(--glass-glint),var(--glass-shadow);border-color:var(--glass-edge)}
body.erp-glass .page>.container::before,body.erp-glass .page>.dashboard::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:rgba(24,24,19,.80);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}
body.erp-glass .page>.project-payroll-workspace{position:relative;isolation:isolate;background:transparent}
body.erp-glass .page>.project-payroll-workspace::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--pw-page);backdrop-filter:blur(26px) saturate(120%);-webkit-backdrop-filter:blur(26px) saturate(120%)}
body.erp-glass .page>.projects-command-deck{background:var(--glass-light);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),var(--glass-shadow)}
body.erp-glass :is(.payroll-dialog-backdrop,.boss-project-browser-backdrop,.hr-browser-backdrop,.nas-project-drawer-backdrop){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(12,14,10,.56)}
body.erp-glass :is(.payroll-dialog-head,.boss-project-browser-head,.hr-browser-head){background:rgba(250,247,240,.90);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.erp-glass .sidebar{background:#22231b}body.erp-glass .page>.project-payroll-workspace{background:#f4f1e8}body.erp-glass .page>.container{background:#1d1e17}}
@media(max-width:760px){body.erp-glass .sidebar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(prefers-reduced-transparency:reduce){body.erp-glass .sidebar{background:#22231b}body.erp-glass .page>.project-payroll-workspace{background:#f4f1e8}body.erp-glass .page>.container{background:#1d1e17}body.erp-glass *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media print{body.erp-glass{background:white}body.erp-glass *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}body.erp-glass .page>.container::before,body.erp-glass .page>.dashboard::before,body.erp-glass .page>.project-payroll-workspace::before{display:none}}

/* Current dark workbench: opaque fallbacks must match its light text palette. */
@media screen {
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.erp-glass.hj-work-glass .page>.project-payroll-workspace{background:#292b23}
 }
}
@media screen and (prefers-reduced-transparency:reduce) {
 body.erp-glass.hj-work-glass .page>.project-payroll-workspace{background:#292b23}
}