/* =========================================================
   CPCS GLASS PLATFORM DESIGN SYSTEM V1
   Build: 20261007glassplatform1
   Visual layer only. Loaded after module styles.
   ========================================================= */

:root{
  --gp-ink:#102d50;
  --gp-ink-strong:#123052;
  --gp-muted:#4e6682;
  --gp-muted-2:#68809a;
  --gp-blue:#1e65ce;
  --gp-blue-dark:#164fa8;
  --gp-blue-soft:#dceaff;
  --gp-cyan:#168da9;
  --gp-success:#147d62;
  --gp-warning:#9a6512;
  --gp-danger:#a7384b;
  --gp-violet:#6650af;
  --gp-border:rgba(255,255,255,.84);
  --gp-border-soft:rgba(255,255,255,.62);
  --gp-glass:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.48));
  --gp-glass-strong:linear-gradient(135deg,rgba(255,255,255,.90),rgba(246,251,255,.66));
  --gp-glass-soft:linear-gradient(135deg,rgba(255,255,255,.56),rgba(244,250,255,.36));
  --gp-shadow:0 10px 32px rgba(30,65,116,.075),inset 0 1px 0 rgba(255,255,255,.95);
  --gp-shadow-soft:0 7px 22px rgba(30,65,116,.055),inset 0 1px 0 rgba(255,255,255,.90);
  --gp-shadow-hover:0 14px 32px rgba(37,90,158,.11),inset 0 1px 0 rgba(255,255,255,.98);
  --gp-bg:
    radial-gradient(ellipse at 5% 10%,rgba(66,133,233,.29),transparent 35%),
    radial-gradient(ellipse at 98% 24%,rgba(38,185,221,.25),transparent 38%),
    radial-gradient(ellipse at 67% 63%,rgba(103,122,228,.20),transparent 42%),
    linear-gradient(150deg,#e8f2ff,#dcecff 48%,#edf5ff);
  --gp-radius:22px;
  --gp-radius-sm:14px;
  --gp-input-bg:rgba(255,255,255,.66);
}

/* ---------- Workspace and module canvases ---------- */
html,body,.app{background:#e8f2ff;}
#workspace{
  padding:0!important;
  background:var(--gp-bg)!important;
}

.project-centre-page,
.project-hub,
.p3-global-reports-page,
.atlas2-page,
.p3-alert-page,
.subscription-page,
.settings-page,
.pt-shell,
.cpcs-onboarding-shell,
.platform-admin-page{
  color:var(--gp-ink);
  background:var(--gp-bg)!important;
  min-height:100vh;
  padding-top:96px;
}

.project-centre-page h1,
.project-hub h1,
.p3-global-reports-page h1,
.atlas2-page h1,
.p3-alert-page h1,
.subscription-page h1,
.settings-page h1,
.pt-shell h1,
.cpcs-onboarding-shell h1,
.platform-admin-page h1{
  color:var(--gp-ink-strong);
  letter-spacing:-.03em;
}

/* ---------- Glass surface primitives ---------- */
.project-centre-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-sheet"],[class*="-sheet "]
),
.project-hub :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-sheet"],[class*="-sheet "],
  [class$="-builder"],[class*="-builder "]
),
.p3-global-reports-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-sheet"],[class*="-sheet "],
  [class$="-builder"],[class*="-builder "]
),
.atlas2-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
.p3-alert-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
.subscription-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
.settings-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
.pt-shell :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
.cpcs-onboarding-shell :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
.platform-admin-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]){
  background:var(--gp-glass)!important;
  border-color:var(--gp-border)!important;
  box-shadow:var(--gp-shadow)!important;
  backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
}

/* ---------- Project Centre ---------- */
.project-centre-page .page-header{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.project-centre-page .filter-bar,
.project-centre-page .project-register,
.project-centre-page .recent-activity,
.project-centre-page .health-stats{
  background:var(--gp-glass)!important;
  border:1px solid var(--gp-border)!important;
  box-shadow:var(--gp-shadow)!important;
  backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
}
.project-centre-page .summary-card{
  background:var(--gp-glass)!important;
  border:1px solid var(--gp-border)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}
.project-centre-page .summary-card:hover{
  box-shadow:var(--gp-shadow-hover)!important;
}
.project-centre-page .summary-icon{
  background:var(--gp-blue-soft)!important;
  color:var(--gp-blue)!important;
}
.project-centre-page .global-search{
  background:rgba(255,255,255,.60)!important;
  border-color:rgba(255,255,255,.90)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.96)!important;
}

/* ---------- Project Hub shell ---------- */
.project-hub .hub-header{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.project-hub .hub-kpis{gap:12px;}
.project-hub .hub-kpi{
  background:var(--gp-glass)!important;
  border:1px solid var(--gp-border)!important;
  border-radius:18px!important;
  box-shadow:var(--gp-shadow-soft)!important;
  backdrop-filter:blur(20px) saturate(125%);
  -webkit-backdrop-filter:blur(20px) saturate(125%);
}
.project-hub .hub-kpi small{color:var(--gp-muted-2)!important;}
.project-hub .hub-kpi strong{color:var(--gp-ink-strong)!important;}
.project-hub .hub-tabs{
  background:rgba(255,255,255,.40)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.82),0 8px 24px rgba(30,65,116,.045)!important;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.project-hub .hub-tabs .tab{
  border-radius:11px!important;
  color:#4b6785!important;
}
.project-hub .hub-tabs .tab:hover{
  background:rgba(255,255,255,.55)!important;
  color:#214d7d!important;
}
.project-hub .hub-tabs .tab.active{
  color:#164f9e!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 6px 16px rgba(30,65,116,.07),inset 0 1px #fff!important;
}

/* ---------- Common branch headers / toolbars ---------- */
.project-hub :where(
  .ph-core-header,.ph-toolbar,
  .activities-toolbar,.risks-toolbar,.issues-toolbar,.variations-toolbar,
  .procurement-toolbar,.documents-toolbar,.drawings-toolbar,.rfis-toolbar,
  .submittals-toolbar,.meetings-toolbar,.actions-toolbar,.correspondence-toolbar,
  .reports-toolbar,.site-diary-toolbar,.resource-toolbar,
  .p2-toolbar,.p3-toolbar,.p4-team-toolbar,.qaqc-toolbar,
  [class$="-toolbar"],[class*="-toolbar "]
){
  background:var(--gp-glass-soft)!important;
  border-color:var(--gp-border-soft)!important;
  box-shadow:var(--gp-shadow-soft)!important;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}

/* ---------- Summary/KPI cards across branches ---------- */
.project-hub :where(
  .ph-summary-card,.risk-summary-card,.activity-summary-card,.cost-summary-card,
  .procurement-summary-card,.documents-summary-card,.meeting-summary-card,
  .report-summary-card,.site-diary-summary-card,.overview-priority-item,
  .p2-kpi,.p3-kpi-card,.p4-team-kpi,.qaqc-kpi,
  [class^="cpcs-v"][class$="-card"],
  [class^="cpcs-v"][class*="-card "]
){
  background:var(--gp-glass)!important;
  border-color:var(--gp-border)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}

/* ---------- Branch subnavigation ---------- */
.project-hub :where(.p2-subnav,.p3-subnav,.qaqc-subnav){
  background:rgba(255,255,255,.42)!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.84)!important;
}
.project-hub :where(.p2-subnav,.p3-subnav,.qaqc-subnav) button{
  border-radius:10px!important;
}
.project-hub :where(.p2-subnav,.p3-subnav,.qaqc-subnav) button.active{
  background:rgba(255,255,255,.94)!important;
  color:var(--gp-blue)!important;
  box-shadow:0 5px 15px rgba(30,65,116,.065)!important;
}

/* ---------- Tables ---------- */
.project-centre-page table,
.project-hub table,
.p3-global-reports-page table,
.subscription-page table,
.settings-page table,
.platform-admin-page table{
  background:transparent!important;
  color:var(--gp-ink)!important;
}
.project-centre-page :where(thead,th),
.project-hub :where(thead,th),
.p3-global-reports-page :where(thead,th),
.subscription-page :where(thead,th),
.settings-page :where(thead,th),
.platform-admin-page :where(thead,th){
  background:rgba(221,234,249,.64)!important;
  color:#446182!important;
  border-color:rgba(195,216,236,.72)!important;
}
.project-centre-page td,
.project-hub td,
.p3-global-reports-page td,
.subscription-page td,
.settings-page td,
.platform-admin-page td{
  border-color:rgba(201,219,236,.62)!important;
}
.project-centre-page tbody tr:hover,
.project-hub tbody tr:hover,
.p3-global-reports-page tbody tr:hover,
.subscription-page tbody tr:hover,
.settings-page tbody tr:hover,
.platform-admin-page tbody tr:hover{
  background:rgba(234,243,255,.72)!important;
}
.project-centre-page :where(.table-wrapper,.cpcs-table-shell),
.project-hub :where([class$="-table-wrap"],[class*="-table-wrap "],[class$="-table-wrapper"],[class*="-table-wrapper "]),
.p3-global-reports-page :where([class$="-table-wrap"],[class*="-table-wrap "]),
.settings-page :where(.permission-shell){
  border-color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.28)!important;
}

/* ---------- Form controls ---------- */
.project-centre-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.project-hub :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.p3-global-reports-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.atlas2-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.p3-alert-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.subscription-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.settings-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.pt-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.cpcs-onboarding-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.platform-admin-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.cpcs-access-modal :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.cpcs-audit-modal :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  color:var(--gp-ink)!important;
  background:var(--gp-input-bg)!important;
  border-color:rgba(255,255,255,.92)!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.96),0 5px 14px rgba(30,65,116,.025)!important;
}
.project-centre-page :where(input,select,textarea):focus,
.project-hub :where(input,select,textarea):focus,
.p3-global-reports-page :where(input,select,textarea):focus,
.atlas2-page :where(input,select,textarea):focus,
.p3-alert-page :where(input,select,textarea):focus,
.subscription-page :where(input,select,textarea):focus,
.settings-page :where(input,select,textarea):focus,
.pt-shell :where(input,select,textarea):focus,
.cpcs-onboarding-shell :where(input,select,textarea):focus,
.platform-admin-page :where(input,select,textarea):focus{
  border-color:rgba(78,145,230,.64)!important;
  box-shadow:0 0 0 4px rgba(30,101,206,.07),inset 0 1px #fff!important;
  outline:none!important;
}

/* ---------- Buttons ---------- */
.project-centre-page :where(.primary-btn),
.project-hub :where(.primary-btn,.ph-primary-btn,.p2-btn.primary,.p3-primary-btn,.qaqc-primary),
.p3-global-reports-page .p3gr-primary,
.atlas2-page .atlas2-primary-btn,
.p3-alert-page .p3a-primary,
.platform-admin-page :where(.pa-btn-primary,.pa-btn.primary),
.pt-shell .pt-primary,
.cpcs-onboarding-shell .co-btn-primary,
.subscription-page .subscription-submit-btn{
  color:#fff!important;
  background:#1b62ce!important;
  border-color:#1b62ce!important;
  border-radius:12px!important;
  box-shadow:0 6px 18px rgba(27,98,206,.18),inset 0 1px rgba(255,255,255,.16)!important;
}
.project-centre-page :where(.primary-btn):hover,
.project-hub :where(.primary-btn,.ph-primary-btn,.p2-btn.primary,.p3-primary-btn,.qaqc-primary):hover,
.p3-global-reports-page .p3gr-primary:hover,
.atlas2-page .atlas2-primary-btn:hover,
.p3-alert-page .p3a-primary:hover,
.platform-admin-page :where(.pa-btn-primary,.pa-btn.primary):hover,
.pt-shell .pt-primary:hover,
.cpcs-onboarding-shell .co-btn-primary:hover,
.subscription-page .subscription-submit-btn:hover{
  background:#164fa8!important;
  border-color:#164fa8!important;
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(27,98,206,.22),inset 0 1px rgba(255,255,255,.14)!important;
}

.project-centre-page :where(.secondary-btn,.icon-btn),
.project-hub :where(.secondary-btn,.ph-secondary-btn,.p2-btn.secondary,.p3-secondary-btn,.qaqc-secondary),
.p3-global-reports-page .p3gr-secondary,
.atlas2-page :where(.atlas2-secondary-btn,.atlas2-ghost-btn,.atlas2-icon-btn),
.p3-alert-page .p3a-secondary,
.platform-admin-page :where(.pa-btn:not(.pa-btn-primary),.pa-icon-btn,.pa-link-btn),
.pt-shell :where(.pt-secondary,.pt-ghost),
.cpcs-onboarding-shell :where(.co-btn-secondary,.co-btn-ghost),
.subscription-page :where(.subscription-link-btn,.billing-refresh-btn,.plan-select-btn){
  color:#234c7d!important;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(248,252,255,.58))!important;
  border-color:rgba(255,255,255,.94)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px #fff,0 6px 18px rgba(30,65,116,.045)!important;
}
.project-centre-page :where(.secondary-btn,.icon-btn):hover,
.project-hub :where(.secondary-btn,.ph-secondary-btn,.p2-btn.secondary,.p3-secondary-btn,.qaqc-secondary):hover,
.p3-global-reports-page .p3gr-secondary:hover,
.atlas2-page :where(.atlas2-secondary-btn,.atlas2-ghost-btn,.atlas2-icon-btn):hover,
.p3-alert-page .p3a-secondary:hover,
.platform-admin-page :where(.pa-btn:not(.pa-btn-primary),.pa-icon-btn,.pa-link-btn):hover,
.pt-shell :where(.pt-secondary,.pt-ghost):hover,
.cpcs-onboarding-shell :where(.co-btn-secondary,.co-btn-ghost):hover,
.subscription-page :where(.subscription-link-btn,.billing-refresh-btn,.plan-select-btn):hover{
  color:#164f9e!important;
  background:rgba(255,255,255,.92)!important;
  border-color:#fff!important;
  box-shadow:var(--gp-shadow-soft)!important;
}
.project-hub button.danger,
.project-hub .qaqc-delete,
.pt-shell .pt-danger,
.platform-admin-page button.danger{
  color:#fff!important;
  background:#b94357!important;
  border-color:#b94357!important;
}

/* ---------- Atlas / Subscription hero treatment ---------- */
.atlas2-page .atlas2-hero,
.subscription-page .subscription-hero{
  color:#fff!important;
  background:
    radial-gradient(ellipse at 88% 0%,rgba(67,170,241,.36),transparent 48%),
    linear-gradient(120deg,rgba(12,37,73,.96),rgba(20,77,144,.88))!important;
  border:1px solid rgba(209,229,255,.28)!important;
  box-shadow:0 16px 36px rgba(24,61,109,.14),inset 0 1px rgba(255,255,255,.13)!important;
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
}
.atlas2-page .atlas2-hero :where(h1,h2,strong),
.subscription-page .subscription-hero :where(h1,h2,strong){color:#fff!important;}
.atlas2-page .atlas2-hero :where(p,label,.atlas2-eyebrow),
.subscription-page .subscription-hero :where(p,.subscription-eyebrow){color:#c9def8!important;}
.atlas2-page .atlas2-scope{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.22)!important;
}
.atlas2-page .atlas2-scope select{
  color:#153757!important;
  background:rgba(255,255,255,.93)!important;
}
.atlas2-page .atlas2-quick-prompts button{
  background:rgba(255,255,255,.50)!important;
  border-color:rgba(255,255,255,.78)!important;
  color:#315f91!important;
}
.atlas2-page .atlas2-message-user{
  background:#1b62ce!important;
  color:#fff!important;
}
.atlas2-page .atlas2-answer{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(255,255,255,.78)!important;
}

/* ---------- Settings ---------- */
.settings-page .settings-shell{background:transparent!important;}
.settings-page .settings-header{
  background:transparent!important;
  border:0!important;
}
.settings-page .settings-nav{
  background:var(--gp-glass)!important;
  border:1px solid var(--gp-border)!important;
  box-shadow:var(--gp-shadow)!important;
  backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
}
.settings-page .settings-nav-item{
  border-radius:11px!important;
  color:#4d6885!important;
}
.settings-page .settings-nav-item:hover{
  background:rgba(255,255,255,.50)!important;
  color:#214d7d!important;
}
.settings-page .settings-nav-item.active{
  background:rgba(255,255,255,.92)!important;
  color:var(--gp-blue)!important;
  box-shadow:0 6px 16px rgba(30,65,116,.07),inset 0 1px #fff!important;
}
.settings-page .settings-kpi{
  background:var(--gp-glass)!important;
  border-color:var(--gp-border)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}

/* ---------- Subscription ---------- */
.subscription-page .subscription-current,
.subscription-page .subscription-comparison-panel,
.subscription-page .subscription-billing-events{
  background:var(--gp-glass)!important;
  border-color:var(--gp-border)!important;
  box-shadow:var(--gp-shadow)!important;
  backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
}
.subscription-page .plan-card{
  background:var(--gp-glass)!important;
  border-color:var(--gp-border)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}
.subscription-page .plan-card.recommended{
  border-color:rgba(83,145,229,.58)!important;
  box-shadow:0 14px 34px rgba(30,101,206,.12),inset 0 1px #fff!important;
}
.subscription-page .billing-cycle-toggle{
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(255,255,255,.76)!important;
}
.subscription-page .billing-cycle-toggle button.active{
  background:rgba(255,255,255,.95)!important;
  color:var(--gp-blue)!important;
}

/* ---------- Alerts / Reports ---------- */
.p3-alert-page .p3a-tabs,
.p3-global-reports-page .p3gr-builder,
.p3-global-reports-page .p3gr-history{
  background:var(--gp-glass)!important;
  border-color:var(--gp-border)!important;
  box-shadow:var(--gp-shadow)!important;
  backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
}
.p3-alert-page .p3a-tabs button{border-radius:11px!important;}
.p3-alert-page .p3a-tabs button.active{
  background:rgba(255,255,255,.94)!important;
  color:var(--gp-blue)!important;
  box-shadow:0 6px 16px rgba(30,65,116,.07)!important;
}

/* ---------- Project Templates / Onboarding / Admin ---------- */
.pt-shell .pt-app,
.cpcs-onboarding-shell .cpcs-onboarding-app{background:transparent!important;}
.pt-shell .pt-hero,
.cpcs-onboarding-shell .co-hero,
.platform-admin-page .pa-hero{
  background:
    radial-gradient(ellipse at 88% 0%,rgba(67,170,241,.28),transparent 48%),
    linear-gradient(120deg,rgba(12,37,73,.96),rgba(20,77,144,.88))!important;
  color:#fff!important;
  border-color:rgba(209,229,255,.25)!important;
  box-shadow:0 16px 36px rgba(24,61,109,.14),inset 0 1px rgba(255,255,255,.13)!important;
}
.pt-shell .pt-hero :where(h1,h2,p,.pt-kicker),
.cpcs-onboarding-shell .co-hero :where(h1,h2,p,.co-kicker),
.platform-admin-page .pa-hero :where(h1,h2,p,small){color:#fff!important;}
.platform-admin-page :where(.pa-tabs,.pa-directory-tools){
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(255,255,255,.76)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.85)!important;
}
.platform-admin-page .pa-tabs button.active{
  background:rgba(255,255,255,.95)!important;
  color:var(--gp-blue)!important;
}

/* ---------- Project setup wizard ---------- */
.cpcs-psw-overlay{
  background:rgba(13,39,72,.18)!important;
  backdrop-filter:blur(10px) saturate(110%);
  -webkit-backdrop-filter:blur(10px) saturate(110%);
}
.cpcs-psw-dialog{
  color:var(--gp-ink)!important;
  background:linear-gradient(140deg,rgba(248,252,255,.96),rgba(227,241,255,.90))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 26px 70px rgba(21,54,96,.18),inset 0 1px #fff!important;
  backdrop-filter:blur(28px) saturate(130%);
  -webkit-backdrop-filter:blur(28px) saturate(130%);
}
.cpcs-psw-dialog :where(.cpcs-psw-mode-card,.cpcs-psw-template-card,.cpcs-psw-tip,.cpcs-psw-review-list){
  background:rgba(255,255,255,.56)!important;
  border-color:rgba(255,255,255,.84)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}
.cpcs-psw-dialog :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(255,255,255,.92)!important;
}
.cpcs-psw-btn.primary{
  background:#1b62ce!important;
  border-color:#1b62ce!important;
  color:#fff!important;
}
.cpcs-psw-btn.secondary{
  background:rgba(255,255,255,.74)!important;
  border-color:#fff!important;
  color:#234c7d!important;
}

/* ---------- Access Management / Audit ---------- */
.cpcs-access-backdrop,
.cpcs-audit-backdrop,
.cpcs-user-editor-backdrop{
  background:rgba(13,39,72,.18)!important;
  backdrop-filter:blur(10px) saturate(110%);
  -webkit-backdrop-filter:blur(10px) saturate(110%);
}
.cpcs-access-modal,
.cpcs-audit-modal,
.cpcs-user-editor{
  color:var(--gp-ink)!important;
  background:linear-gradient(140deg,rgba(248,252,255,.96),rgba(227,241,255,.90))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 26px 70px rgba(21,54,96,.18),inset 0 1px #fff!important;
  backdrop-filter:blur(28px) saturate(130%);
  -webkit-backdrop-filter:blur(28px) saturate(130%);
}
.cpcs-access-modal :where(.cpcs-access-company-card,.cpcs-access-users-card,.cpcs-access-session-card),
.cpcs-audit-modal :where(.cpcs-audit-summary,.cpcs-audit-register){
  background:rgba(255,255,255,.55)!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}

/* ---------- All modal families ---------- */
:where(div,section,article,form)[class$="-overlay"],
:where(div,section,article,form)[class*="-overlay "],
:where(div,section,article,form)[class$="-backdrop"],
:where(div,section,article,form)[class*="-backdrop "]{
  background-color:rgba(13,39,72,.18)!important;
  backdrop-filter:blur(10px) saturate(110%);
  -webkit-backdrop-filter:blur(10px) saturate(110%);
}
:where(div,section,article,form)[class$="-modal"],
:where(div,section,article,form)[class*="-modal "],
.cpcs-ui-dialog,
.cpcs-theme-dialog,
.pa-dialog,
.modal-content{
  color:var(--gp-ink)!important;
  background:linear-gradient(140deg,rgba(248,252,255,.97),rgba(226,240,255,.91))!important;
  border-color:rgba(255,255,255,.94)!important;
  box-shadow:0 26px 70px rgba(21,54,96,.19),inset 0 1px #fff!important;
  backdrop-filter:blur(28px) saturate(130%);
  -webkit-backdrop-filter:blur(28px) saturate(130%);
}
:where(div,section,article,form)[class$="-modal"] :where([class$="-header"],[class*="-header "],[class$="-footer"],[class*="-footer "]),
:where(div,section,article,form)[class*="-modal "] :where([class$="-header"],[class*="-header "],[class$="-footer"],[class*="-footer "]){
  border-color:rgba(195,216,236,.60)!important;
}
:where(div,section,article,form)[class$="-modal"] :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
:where(div,section,article,form)[class*="-modal "] :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]){
  background:rgba(255,255,255,.52)!important;
  border-color:rgba(255,255,255,.84)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}
:where(div,section,article,form)[class$="-modal"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
:where(div,section,article,form)[class*="-modal "] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.cpcs-ui-dialog :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.pa-dialog :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  color:var(--gp-ink)!important;
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(255,255,255,.92)!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px #fff!important;
}

/* ---------- Scheduler / Gantt chrome only ---------- */
.activity-gantt-modal,
.cpcs-scheduler-modal,
.cpcs-scheduler-v2-modal,
.cpcs-v3-outline-modal,
.cpcs-v3-baseline-modal,
.cpcs-v4-calendar-modal,
.cpcs-v4-planning-modal,
.cpcs-v4-resource-modal,
.cpcs-v4-level-modal,
.cpcs-v6-config-modal,
.cpcs-v7-sheet-modal,
.cpcs-v7-interop-modal,
.cpcs-v9-modal,
.cpcs-v10-modal,
.cpcs-v11-modal,
.cpcs-v12-modal,
.cpcs-v13-modal,
.cpcs-v14-modal,
.cpcs-v15-modal,
.cpcs-v16-modal{
  background:linear-gradient(140deg,rgba(248,252,255,.98),rgba(226,240,255,.93))!important;
  border-color:rgba(255,255,255,.94)!important;
  box-shadow:0 28px 76px rgba(21,54,96,.20),inset 0 1px #fff!important;
}
:where(.activity-gantt-toolbar,.activity-gantt-summary,.cpcs-v8-toolbar,.cpcs-v14-toolbar,.cpcs-v15-toolbar,.cpcs-v16-toolbar,.cpcs-v9-toolbar,.cpcs-v10-toolbar,.cpcs-v11-toolbar,.cpcs-v12-toolbar,.cpcs-v13-toolbar){
  background:rgba(255,255,255,.50)!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}
.activity-gantt-scroll,
.cpcs-scheduler-v2-table-wrap,
.cpcs-v4-table-wrap,
.cpcs-v3-outline-table-wrap{
  background:rgba(255,255,255,.30)!important;
  border-color:rgba(255,255,255,.70)!important;
}

/* ---------- Login ---------- */
.cpcs-login-shell{background:var(--gp-bg)!important;}
.cpcs-login-brand-panel{
  background:
    radial-gradient(ellipse at 85% 10%,rgba(67,170,241,.33),transparent 44%),
    linear-gradient(145deg,#0b2d5c,#143f79 58%,#1d5ca9)!important;
  box-shadow:18px 0 52px rgba(21,54,96,.12)!important;
}
.cpcs-login-main{background:transparent!important;}
.cpcs-login-card{
  background:var(--gp-glass-strong)!important;
  border:1px solid var(--gp-border)!important;
  box-shadow:0 20px 54px rgba(30,65,116,.12),inset 0 1px #fff!important;
  backdrop-filter:blur(26px) saturate(130%);
  -webkit-backdrop-filter:blur(26px) saturate(130%);
}
.cpcs-login-field input,
.cpcs-password-wrap{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:inset 0 1px #fff!important;
}
.cpcs-login-submit{
  background:#1b62ce!important;
  border-color:#1b62ce!important;
  box-shadow:0 8px 22px rgba(27,98,206,.20)!important;
}
.cpcs-login-secondary,
.cpcs-login-signup-row{
  background:rgba(255,255,255,.52)!important;
  border-color:rgba(255,255,255,.82)!important;
  color:#365879!important;
}

/* ---------- Signup / Security ---------- */
.ss-shell{background:var(--gp-bg)!important;}
.ss-brand{
  background:
    radial-gradient(ellipse at 85% 10%,rgba(67,170,241,.33),transparent 44%),
    linear-gradient(145deg,#0b2d5c,#143f79 58%,#1d5ca9)!important;
  box-shadow:18px 0 52px rgba(21,54,96,.12)!important;
}
.ss-panel{background:transparent!important;}
.ss-card{
  background:var(--gp-glass-strong)!important;
  border-color:var(--gp-border)!important;
  box-shadow:0 20px 54px rgba(30,65,116,.12),inset 0 1px #fff!important;
  backdrop-filter:blur(26px) saturate(130%);
  -webkit-backdrop-filter:blur(26px) saturate(130%);
}
.ss-form :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.ss-card :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(255,255,255,.94)!important;
  box-shadow:inset 0 1px #fff!important;
}
.ss-account-type-card,
.ss-success-box{
  background:rgba(255,255,255,.52)!important;
  border-color:rgba(255,255,255,.84)!important;
  box-shadow:var(--gp-shadow-soft)!important;
}
.ss-account-type-card:has(input:checked){
  border-color:rgba(55,120,215,.55)!important;
  background:rgba(236,245,255,.86)!important;
}
.ss-primary{
  background:#1b62ce!important;
  border-color:#1b62ce!important;
  box-shadow:0 8px 22px rgba(27,98,206,.20)!important;
}
.ss-secondary{
  background:rgba(255,255,255,.62)!important;
  border-color:#fff!important;
  color:#234c7d!important;
}

/* ---------- Focus / accessibility ---------- */
:where(
  .project-centre-page,.project-hub,.p3-global-reports-page,.atlas2-page,
  .p3-alert-page,.subscription-page,.settings-page,.pt-shell,
  .cpcs-onboarding-shell,.platform-admin-page,
  .cpcs-login-shell,.ss-shell,
  .cpcs-access-modal,.cpcs-audit-modal,.cpcs-psw-dialog
) :where(button,a,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(30,101,206,.24)!important;
  outline-offset:3px!important;
}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .project-centre-page,.project-hub,.p3-global-reports-page,.atlas2-page,
  .p3-alert-page,.subscription-page,.settings-page,.pt-shell,
  .cpcs-onboarding-shell,.platform-admin-page{padding-top:86px;}
}
@media(max-width:700px){
  .project-centre-page,.project-hub,.p3-global-reports-page,.atlas2-page,
  .p3-alert-page,.subscription-page,.settings-page,.pt-shell,
  .cpcs-onboarding-shell,.platform-admin-page{padding-top:76px;}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .project-centre-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .project-hub :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .settings-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .subscription-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .cpcs-login-card,.ss-card{background:#eef6ff!important;}
}
@media(prefers-reduced-transparency:reduce){
  .project-centre-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .project-hub :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .settings-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .subscription-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .cpcs-login-card,.ss-card{
    background:#eef6ff!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .project-centre-page *,.project-hub *,.p3-global-reports-page *,.atlas2-page *,
  .p3-alert-page *,.subscription-page *,.settings-page *,.pt-shell *,
  .cpcs-onboarding-shell *,.platform-admin-page *,.cpcs-login-shell *,.ss-shell *{
    transition:none!important;
  }
}
@media print{
  #workspace,.project-centre-page,.project-hub,.p3-global-reports-page,
  .atlas2-page,.p3-alert-page,.subscription-page,.settings-page{background:#fff!important;}
  .project-centre-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .project-hub :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .p3-global-reports-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .settings-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
  .subscription-page :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]){
    background:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-color:#ccd7e5!important;
  }
}

/* =========================================================
   CPCS GLASS TRANSPARENCY REFINEMENT V1.1
   Principle: translucent by default; solid only when functionally necessary.
   ========================================================= */

/* Keep the base application canvas as the necessary visual foundation. */
html,
body,
.app,
#workspace{
  background-attachment:fixed!important;
}

/* Strengthen translucency across core structural surfaces. */
.project-centre-page :where(
  .filter-bar,.project-register,.recent-activity,.health-stats,.summary-card
),
.project-hub :where(
  .hub-kpi,.hub-tabs,
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-sheet"],[class*="-sheet "],
  [class$="-toolbar"],[class*="-toolbar "]
),
.p3-global-reports-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-builder"],[class*="-builder "]
),
.atlas2-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.p3-alert-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.subscription-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.settings-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  .settings-nav
),
.pt-shell :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.cpcs-onboarding-shell :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.platform-admin-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
){
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.52),
      rgba(244,250,255,.27)
    )!important;
  border-color:rgba(255,255,255,.70)!important;
  box-shadow:
    0 8px 26px rgba(30,65,116,.055),
    inset 0 1px 0 rgba(255,255,255,.78)!important;
  backdrop-filter:blur(22px) saturate(132%);
  -webkit-backdrop-filter:blur(22px) saturate(132%);
}

/* Dense tables should remain readable, but not become opaque blocks. */
.project-centre-page :where(.table-wrapper,.cpcs-table-shell),
.project-hub :where(
  [class$="-table-wrap"],[class*="-table-wrap "],
  [class$="-table-wrapper"],[class*="-table-wrapper "]
),
.p3-global-reports-page :where(
  [class$="-table-wrap"],[class*="-table-wrap "]
),
.settings-page .permission-shell{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.56)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.58)!important;
  backdrop-filter:blur(16px) saturate(120%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
}

.project-centre-page :where(thead,th),
.project-hub :where(thead,th),
.p3-global-reports-page :where(thead,th),
.subscription-page :where(thead,th),
.settings-page :where(thead,th),
.platform-admin-page :where(thead,th){
  background:rgba(219,233,249,.44)!important;
}

/* Inputs remain translucent unless a control requires stronger contrast. */
.project-centre-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.project-hub :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.p3-global-reports-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.atlas2-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.p3-alert-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.subscription-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.settings-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.pt-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.cpcs-onboarding-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.platform-admin-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  background:rgba(255,255,255,.44)!important;
  border-color:rgba(255,255,255,.74)!important;
}

/* Secondary / ghost controls should feel like glass, not solid pills. */
.project-centre-page :where(.secondary-btn,.icon-btn),
.project-hub :where(.secondary-btn,.ph-secondary-btn,.p2-btn.secondary,.p3-secondary-btn,.qaqc-secondary),
.p3-global-reports-page .p3gr-secondary,
.atlas2-page :where(.atlas2-secondary-btn,.atlas2-ghost-btn,.atlas2-icon-btn),
.p3-alert-page .p3a-secondary,
.platform-admin-page :where(.pa-btn:not(.pa-btn-primary),.pa-icon-btn,.pa-link-btn),
.pt-shell :where(.pt-secondary,.pt-ghost),
.cpcs-onboarding-shell :where(.co-btn-secondary,.co-btn-ghost),
.subscription-page :where(.subscription-link-btn,.billing-refresh-btn,.plan-select-btn){
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.48),
    rgba(246,251,255,.24)
  )!important;
  border-color:rgba(255,255,255,.70)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.76),
    0 5px 16px rgba(30,65,116,.035)!important;
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
}

/* Active tabs may be more legible, but remain translucent rather than opaque. */
.project-hub .hub-tabs .tab.active,
.settings-page .settings-nav-item.active,
.p3-alert-page .p3a-tabs button.active,
.platform-admin-page .pa-tabs button.active,
.project-hub :where(.p2-subnav,.p3-subnav,.qaqc-subnav) button.active{
  background:rgba(255,255,255,.67)!important;
}

/* Hero / branded regions remain rich, but become translucent dark glass. */
.atlas2-page .atlas2-hero,
.subscription-page .subscription-hero,
.pt-shell .pt-hero,
.cpcs-onboarding-shell .co-hero,
.platform-admin-page .pa-hero{
  background:
    radial-gradient(
      ellipse at 88% 0%,
      rgba(67,170,241,.26),
      transparent 48%
    ),
    linear-gradient(
      120deg,
      rgba(12,37,73,.76),
      rgba(20,77,144,.58)
    )!important;
  border-color:rgba(210,230,255,.24)!important;
  backdrop-filter:blur(24px) saturate(132%);
  -webkit-backdrop-filter:blur(24px) saturate(132%);
}

/* Atlas quick prompts and supporting chips remain translucent. */
.atlas2-page .atlas2-quick-prompts button,
.atlas2-page .atlas2-answer{
  background:rgba(255,255,255,.34)!important;
}

/* Modal families should read as layered glass, not opaque white boxes. */
.cpcs-psw-dialog,
.cpcs-access-modal,
.cpcs-audit-modal,
.cpcs-user-editor,
.cpcs-ui-dialog,
.cpcs-theme-dialog,
.pa-dialog,
.modal-content,
:where(div,section,article,form)[class$="-modal"],
:where(div,section,article,form)[class*="-modal "]{
  background:
    linear-gradient(
      140deg,
      rgba(248,252,255,.78),
      rgba(226,240,255,.58)
    )!important;
  border-color:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(30px) saturate(135%);
  -webkit-backdrop-filter:blur(30px) saturate(135%);
}

/* Nested modal cards/panels stay even lighter. */
.cpcs-psw-dialog :where(.cpcs-psw-mode-card,.cpcs-psw-template-card,.cpcs-psw-tip,.cpcs-psw-review-list),
.cpcs-access-modal :where(.cpcs-access-company-card,.cpcs-access-users-card,.cpcs-access-session-card),
.cpcs-audit-modal :where(.cpcs-audit-summary,.cpcs-audit-register),
:where(div,section,article,form)[class$="-modal"] :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
:where(div,section,article,form)[class*="-modal "] :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]){
  background:rgba(255,255,255,.30)!important;
  border-color:rgba(255,255,255,.62)!important;
}

/* Scheduler/Gantt chrome stays translucent; task/status semantics remain untouched. */
.activity-gantt-modal,
.cpcs-scheduler-modal,
.cpcs-scheduler-v2-modal,
.cpcs-v3-outline-modal,
.cpcs-v3-baseline-modal,
.cpcs-v4-calendar-modal,
.cpcs-v4-planning-modal,
.cpcs-v4-resource-modal,
.cpcs-v4-level-modal,
.cpcs-v6-config-modal,
.cpcs-v7-sheet-modal,
.cpcs-v7-interop-modal,
.cpcs-v9-modal,
.cpcs-v10-modal,
.cpcs-v11-modal,
.cpcs-v12-modal,
.cpcs-v13-modal,
.cpcs-v14-modal,
.cpcs-v15-modal,
.cpcs-v16-modal{
  background:
    linear-gradient(
      140deg,
      rgba(248,252,255,.80),
      rgba(226,240,255,.60)
    )!important;
  border-color:rgba(255,255,255,.80)!important;
  backdrop-filter:blur(30px) saturate(135%);
  -webkit-backdrop-filter:blur(30px) saturate(135%);
}
:where(
  .activity-gantt-toolbar,.activity-gantt-summary,
  .cpcs-v8-toolbar,.cpcs-v9-toolbar,.cpcs-v10-toolbar,.cpcs-v11-toolbar,
  .cpcs-v12-toolbar,.cpcs-v13-toolbar,.cpcs-v14-toolbar,.cpcs-v15-toolbar,.cpcs-v16-toolbar
){
  background:rgba(255,255,255,.29)!important;
}

/* Login/signup/security retain the dark brand side, but as translucent glass. */
.cpcs-login-brand-panel,
.ss-brand{
  background:
    radial-gradient(
      ellipse at 85% 10%,
      rgba(67,170,241,.28),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(11,45,92,.82),
      rgba(20,63,121,.69) 58%,
      rgba(29,92,169,.61)
    )!important;
  backdrop-filter:blur(24px) saturate(128%);
  -webkit-backdrop-filter:blur(24px) saturate(128%);
}

.cpcs-login-card,
.ss-card{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.61),
      rgba(246,251,255,.34)
    )!important;
  border-color:rgba(255,255,255,.72)!important;
}

.cpcs-login-field input,
.cpcs-password-wrap,
.ss-form :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.ss-card :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:rgba(255,255,255,.42)!important;
}

.cpcs-login-secondary,
.cpcs-login-signup-row,
.ss-account-type-card,
.ss-success-box{
  background:rgba(255,255,255,.28)!important;
  border-color:rgba(255,255,255,.60)!important;
}

/* Explicit exceptions:
   - Primary/destructive action buttons remain solid for hierarchy.
   - Status / QA-QC / severity chips retain their semantic fills.
   - Base page canvas remains opaque because a glass interface needs a foundation.
*/

/* =========================================================
   CPCS ZERO-SOLID SURFACES V1
   Design rule: transparent / low-alpha glass by default.
   Solid only for primary/destructive actions, semantic status,
   or the underlying page canvas.
   ========================================================= */

/* ---------- Global structural glass ---------- */
.project-centre-page :where(
  .filter-bar,.project-register,.recent-activity,.health-stats,.summary-card,
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-sheet"],[class*="-sheet "]
),
.project-hub :where(
  .hub-kpi,.hub-tabs,
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-sheet"],[class*="-sheet "],
  [class$="-builder"],[class*="-builder "],
  [class$="-toolbar"],[class*="-toolbar "]
),
.p3-global-reports-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-sheet"],[class*="-sheet "],
  [class$="-builder"],[class*="-builder "]
),
.atlas2-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.p3-alert-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.subscription-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.settings-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  .settings-nav
),
.pt-shell :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.cpcs-onboarding-shell :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
),
.platform-admin-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "]
){
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:
    0 7px 24px rgba(30,65,116,.035),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
  backdrop-filter:blur(20px) saturate(128%);
  -webkit-backdrop-filter:blur(20px) saturate(128%);
}

/* ---------- Tables: practically transparent ---------- */
.project-centre-page :where(.table-wrapper,.cpcs-table-shell),
.project-hub :where(
  [class$="-table-wrap"],[class*="-table-wrap "],
  [class$="-table-wrapper"],[class*="-table-wrapper "]
),
.p3-global-reports-page :where(
  [class$="-table-wrap"],[class*="-table-wrap "]
),
.settings-page .permission-shell{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px) saturate(115%);
  -webkit-backdrop-filter:blur(12px) saturate(115%);
}

.project-centre-page :where(thead,th),
.project-hub :where(thead,th),
.p3-global-reports-page :where(thead,th),
.subscription-page :where(thead,th),
.settings-page :where(thead,th),
.platform-admin-page :where(thead,th){
  background:rgba(209,227,247,.18)!important;
}

.project-centre-page tbody tr,
.project-hub tbody tr,
.p3-global-reports-page tbody tr,
.subscription-page tbody tr,
.settings-page tbody tr,
.platform-admin-page tbody tr{
  background:transparent!important;
}

.project-centre-page tbody tr:hover,
.project-hub tbody tr:hover,
.p3-global-reports-page tbody tr:hover,
.subscription-page tbody tr:hover,
.settings-page tbody tr:hover,
.platform-admin-page tbody tr:hover{
  background:rgba(255,255,255,.10)!important;
}

/* ---------- Forms ---------- */
.project-centre-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.project-hub :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.p3-global-reports-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.atlas2-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.p3-alert-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.subscription-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.settings-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.pt-shell :where(input:not([type="checkbox"]]):not([type="radio"]):not([type="file"]),
.cpcs-onboarding-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea),
.platform-admin-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.30)!important;
}

.project-centre-page :where(input,select,textarea):focus,
.project-hub :where(input,select,textarea):focus,
.p3-global-reports-page :where(input,select,textarea):focus,
.atlas2-page :where(input,select,textarea):focus,
.p3-alert-page :where(input,select,textarea):focus,
.subscription-page :where(input,select,textarea):focus,
.settings-page :where(input,select,textarea):focus,
.pt-shell :where(input,select,textarea):focus,
.cpcs-onboarding-shell :where(input,select,textarea):focus,
.platform-admin-page :where(input,select,textarea):focus{
  background:rgba(255,255,255,.22)!important;
  border-color:rgba(91,153,231,.56)!important;
}

/* ---------- Secondary controls / tabs ---------- */
.project-centre-page :where(.secondary-btn,.icon-btn),
.project-hub :where(.secondary-btn,.ph-secondary-btn,.p2-btn.secondary,.p3-secondary-btn,.qaqc-secondary),
.p3-global-reports-page .p3gr-secondary,
.atlas2-page :where(.atlas2-secondary-btn,.atlas2-ghost-btn,.atlas2-icon-btn),
.p3-alert-page .p3a-secondary,
.platform-admin-page :where(.pa-btn:not(.pa-btn-primary),.pa-icon-btn,.pa-link-btn),
.pt-shell :where(.pt-secondary,.pt-ghost),
.cpcs-onboarding-shell :where(.co-btn-secondary,.co-btn-ghost),
.subscription-page :where(.subscription-link-btn,.billing-refresh-btn,.plan-select-btn){
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.34)!important;
  backdrop-filter:blur(12px) saturate(120%);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
}

.project-hub .hub-tabs,
.project-hub :where(.p2-subnav,.p3-subnav,.qaqc-subnav),
.p3-alert-page .p3a-tabs,
.platform-admin-page :where(.pa-tabs,.pa-directory-tools),
.subscription-page .billing-cycle-toggle{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25)!important;
}

.project-hub .hub-tabs .tab.active,
.settings-page .settings-nav-item.active,
.p3-alert-page .p3a-tabs button.active,
.platform-admin-page .pa-tabs button.active,
.project-hub :where(.p2-subnav,.p3-subnav,.qaqc-subnav) button.active,
.subscription-page .billing-cycle-toggle button.active{
  background:rgba(255,255,255,.21)!important;
  box-shadow:0 4px 12px rgba(30,65,116,.035)!important;
}

/* ---------- Hero areas: dark glass, not solid ---------- */
.atlas2-page .atlas2-hero,
.subscription-page .subscription-hero,
.pt-shell .pt-hero,
.cpcs-onboarding-shell .co-hero,
.platform-admin-page .pa-hero{
  background:
    radial-gradient(ellipse at 88% 0%,rgba(67,170,241,.18),transparent 48%),
    linear-gradient(120deg,rgba(12,37,73,.50),rgba(20,77,144,.34))!important;
  border-color:rgba(210,230,255,.18)!important;
  box-shadow:0 12px 30px rgba(24,61,109,.07),inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(26px) saturate(128%);
  -webkit-backdrop-filter:blur(26px) saturate(128%);
}

.atlas2-page .atlas2-quick-prompts button,
.atlas2-page .atlas2-answer,
.atlas2-page .atlas2-scope{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.24)!important;
}

/* ---------- Modals: enough alpha for legibility, still clearly glass ---------- */
.cpcs-psw-dialog,
.cpcs-access-modal,
.cpcs-audit-modal,
.cpcs-user-editor,
.cpcs-ui-dialog,
.cpcs-theme-dialog,
.pa-dialog,
.modal-content,
:where(div,section,article,form)[class$="-modal"],
:where(div,section,article,form)[class*="-modal "]{
  background:rgba(235,246,255,.40)!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:0 24px 64px rgba(21,54,96,.12),inset 0 1px rgba(255,255,255,.46)!important;
  backdrop-filter:blur(30px) saturate(132%);
  -webkit-backdrop-filter:blur(30px) saturate(132%);
}

.cpcs-psw-dialog :where(.cpcs-psw-mode-card,.cpcs-psw-template-card,.cpcs-psw-tip,.cpcs-psw-review-list),
.cpcs-access-modal :where(.cpcs-access-company-card,.cpcs-access-users-card,.cpcs-access-session-card),
.cpcs-audit-modal :where(.cpcs-audit-summary,.cpcs-audit-register),
:where(div,section,article,form)[class$="-modal"] :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]),
:where(div,section,article,form)[class*="-modal "] :where([class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "]){
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}

/* ---------- Scheduler / Gantt shell ---------- */
.activity-gantt-modal,
.cpcs-scheduler-modal,
.cpcs-scheduler-v2-modal,
.cpcs-v3-outline-modal,
.cpcs-v3-baseline-modal,
.cpcs-v4-calendar-modal,
.cpcs-v4-planning-modal,
.cpcs-v4-resource-modal,
.cpcs-v4-level-modal,
.cpcs-v6-config-modal,
.cpcs-v7-sheet-modal,
.cpcs-v7-interop-modal,
.cpcs-v9-modal,
.cpcs-v10-modal,
.cpcs-v11-modal,
.cpcs-v12-modal,
.cpcs-v13-modal,
.cpcs-v14-modal,
.cpcs-v15-modal,
.cpcs-v16-modal{
  background:rgba(235,246,255,.38)!important;
  border-color:rgba(255,255,255,.40)!important;
  backdrop-filter:blur(30px) saturate(132%);
  -webkit-backdrop-filter:blur(30px) saturate(132%);
}

:where(
  .activity-gantt-toolbar,.activity-gantt-summary,
  .cpcs-v8-toolbar,.cpcs-v9-toolbar,.cpcs-v10-toolbar,.cpcs-v11-toolbar,
  .cpcs-v12-toolbar,.cpcs-v13-toolbar,.cpcs-v14-toolbar,.cpcs-v15-toolbar,.cpcs-v16-toolbar
){
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:none!important;
}

.activity-gantt-scroll,
.cpcs-scheduler-v2-table-wrap,
.cpcs-v4-table-wrap,
.cpcs-v3-outline-table-wrap{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(255,255,255,.22)!important;
}

/* =========================================================
   LOGIN: no enclosing card box at all.
   ========================================================= */

.cpcs-login-shell{
  background:
    radial-gradient(circle at 19% 18%,rgba(91,153,231,.24),transparent 31%),
    radial-gradient(circle at 82% 24%,rgba(45,190,220,.18),transparent 32%),
    radial-gradient(circle at 52% 80%,rgba(98,116,226,.13),transparent 38%),
    linear-gradient(145deg,#e4f0ff,#d9ebff 54%,#edf5ff)!important;
}

.cpcs-login-main{
  background:transparent!important;
}

.cpcs-login-card{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.cpcs-login-field input,
.cpcs-password-wrap{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.34)!important;
}

.cpcs-login-field input:focus{
  background:rgba(255,255,255,.20)!important;
  border-color:rgba(73,142,230,.62)!important;
}

.cpcs-login-secondary,
.cpcs-login-setup,
.cpcs-login-signup-row{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24)!important;
  backdrop-filter:blur(12px) saturate(118%);
  -webkit-backdrop-filter:blur(12px) saturate(118%);
}

.cpcs-login-secondary:hover,
.cpcs-login-setup:hover,
.cpcs-login-signup-row:hover{
  background:rgba(255,255,255,.17)!important;
  border-color:rgba(255,255,255,.38)!important;
}

.cpcs-login-setup>summary{
  background:transparent!important;
}

.cpcs-password-toggle:hover{
  background:rgba(255,255,255,.12)!important;
}

/* Desktop brand panel is translucent dark glass. */
.cpcs-login-brand-panel{
  background:
    radial-gradient(circle at 18% 12%,rgba(59,130,246,.26),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(37,99,235,.20),transparent 31%),
    linear-gradient(145deg,rgba(6,23,45,.60),rgba(10,40,81,.48) 55%,rgba(13,57,120,.40))!important;
  backdrop-filter:blur(26px) saturate(128%);
  -webkit-backdrop-filter:blur(26px) saturate(128%);
}

/* ---------- Signup / MFA-security ---------- */
.ss-shell{
  background:
    radial-gradient(circle at 19% 18%,rgba(91,153,231,.24),transparent 31%),
    radial-gradient(circle at 82% 24%,rgba(45,190,220,.18),transparent 32%),
    radial-gradient(circle at 52% 80%,rgba(98,116,226,.13),transparent 38%),
    linear-gradient(145deg,#e4f0ff,#d9ebff 54%,#edf5ff)!important;
}

.ss-panel{background:transparent!important;}

.ss-card{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.ss-form :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.ss-card :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.38)!important;
}

.ss-account-type-card,
.ss-success-box,
.ss-secondary{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:none!important;
}

.ss-account-type-card:has(input:checked){
  background:rgba(220,236,255,.20)!important;
  border-color:rgba(74,143,229,.44)!important;
}

.ss-brand{
  background:
    radial-gradient(circle at 18% 12%,rgba(59,130,246,.26),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(37,99,235,.20),transparent 31%),
    linear-gradient(145deg,rgba(6,23,45,.60),rgba(10,40,81,.48) 55%,rgba(13,57,120,.40))!important;
  backdrop-filter:blur(26px) saturate(128%);
  -webkit-backdrop-filter:blur(26px) saturate(128%);
}

/* ---------- Deliberate solid exceptions ---------- */
/*
  Kept solid intentionally:
  - primary action buttons
  - destructive action buttons
  - semantic status / QA-QC / severity badges
  - progress/status indicators where color itself carries meaning
  - the underlying page gradient canvas
*/