/* =========================================================
   CPCS GLASS FINAL VISUAL FIX V1
   Fresh final-loaded override layer.
   Rule: no solid container backgrounds unless functionally necessary.
   ========================================================= */

:root{
  --cpcs-final-border:rgba(255,255,255,.28);
  --cpcs-final-glass:rgba(255,255,255,.08);
  --cpcs-final-glass-hover:rgba(255,255,255,.14);
  --cpcs-final-input:rgba(255,255,255,.13);
}

/* =========================================================
   GLOBAL APP SURFACES
   ========================================================= */

.project-centre-page :where(
  [class$="-card"],[class*="-card "],
  [class$="-panel"],[class*="-panel "],
  [class$="-sheet"],[class*="-sheet "],
  [class$="-toolbar"],[class*="-toolbar "]
),
.project-hub :where(
  [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 "]
),
.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(--cpcs-final-glass)!important;
  border-color:var(--cpcs-final-border)!important;
  box-shadow:
    0 7px 22px rgba(28,62,108,.028),
    inset 0 1px rgba(255,255,255,.25)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}

/* Explicit common containers that do not follow card/panel naming. */
.project-centre-page :where(
  .filter-bar,.project-register,.recent-activity,.health-stats
),
.project-hub :where(.hub-kpi,.hub-tabs),
.settings-page .settings-nav,
.subscription-page :where(
  .subscription-current,.subscription-comparison-panel,.subscription-billing-events
),
.p3-alert-page .p3a-tabs,
.p3-global-reports-page :where(.p3gr-builder,.p3gr-history){
  background:var(--cpcs-final-glass)!important;
  border-color:var(--cpcs-final-border)!important;
  box-shadow:
    0 7px 22px rgba(28,62,108,.028),
    inset 0 1px rgba(255,255,255,.25)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}

/* =========================================================
   TABLES
   ========================================================= */

.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,.025)!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:none!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(197,220,246,.12)!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,.07)!important;
}

/* =========================================================
   INPUTS / FILTERS
   ========================================================= */

.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:var(--cpcs-final-input)!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24)!important;
}

/* =========================================================
   SECONDARY CONTROLS / NAVIGATION
   ========================================================= */

.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,.07)!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.20)!important;
}

.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,.045)!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:none!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,.15)!important;
  box-shadow:none!important;
}

/* =========================================================
   MODALS
   ========================================================= */

.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(225,241,255,.32)!important;
  border-color:rgba(255,255,255,.35)!important;
  box-shadow:
    0 22px 58px rgba(21,54,96,.10),
    inset 0 1px rgba(255,255,255,.34)!important;
  backdrop-filter:blur(30px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(128%)!important;
}

.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,.06)!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:none!important;
}

/* =========================================================
   SCHEDULER / GANTT CHROME
   Keep semantic task/status fills 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:rgba(225,241,255,.30)!important;
  border-color:rgba(255,255,255,.34)!important;
  backdrop-filter:blur(30px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(128%)!important;
}

: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,.055)!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:none!important;
}

/* =========================================================
   LOGIN — DIRECT CORRECTION
   ========================================================= */

/* Restore the brand side to the strong original CPCS navy treatment. */
.cpcs-login-brand-panel{
  background:
    radial-gradient(circle at 18% 12%,rgba(59,130,246,.34),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(37,99,235,.26),transparent 31%),
    linear-gradient(145deg,#06172d 0%,#0a2851 55%,#0d3978 100%)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Remove the enclosing rectangle completely. */
.cpcs-login-card,
.cpcs-login-card::before,
.cpcs-login-card::after{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.cpcs-login-form,
.cpcs-login-card-head,
.cpcs-login-help,
.cpcs-login-message{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Translucent controls only. */
.cpcs-login-field input,
.cpcs-password-wrap{
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24)!important;
}

.cpcs-login-field input:focus{
  background:rgba(255,255,255,.17)!important;
  border-color:rgba(70,142,232,.64)!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.06)!important;
}

.cpcs-login-secondary,
.cpcs-login-setup,
.cpcs-login-signup-row{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18)!important;
  backdrop-filter:blur(12px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(115%)!important;
}

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

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

/* Primary sign-in remains solid deliberately. */
.cpcs-login-submit{
  background:#1b62ce!important;
}

/* =========================================================
   SIGNUP / MFA SECURITY
   ========================================================= */

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

.ss-brand{
  background:
    radial-gradient(circle at 18% 12%,rgba(59,130,246,.34),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(37,99,235,.26),transparent 31%),
    linear-gradient(145deg,#06172d 0%,#0a2851 55%,#0d3978 100%)!important;
  opacity:1!important;
  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,.11)!important;
  border-color:rgba(255,255,255,.34)!important;
}

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

/* =========================================================
   SOLID EXCEPTIONS — INTENTIONAL
   ========================================================= */
/*
  Solid colour remains appropriate for:
  - primary action buttons;
  - destructive actions;
  - status/severity/QA-QC indicators;
  - progress states where colour carries meaning;
  - the base ambient page canvas;
  - the login/signup left brand panel, where strong contrast is required.
*/