/* Empower V6 — Swiss Corporate + Empower Red Accent
   Global brand layer. Loaded last so legacy feature CSS remains functional. */
html{background:var(--emp-paper)}
body{background:var(--emp-paper);color:var(--emp-ink);font-family:Inter,"Helvetica Neue",Arial,"Segoe UI",sans-serif;letter-spacing:-.005em;accent-color:var(--emp-red)}
h1,h2,h3,h4,h5,h6{color:var(--emp-ink);letter-spacing:-.035em;font-weight:700}
p{color:var(--emp-graphite)}
a{color:var(--emp-ink);text-underline-offset:3px}
a:hover{color:var(--emp-red)}
::selection{background:var(--emp-red-soft);color:var(--emp-ink)}

/* Swiss surfaces: quiet, flat, precise. */
.card,.panel,.auth-panel,.mode-card,.option-card,.role-box,.combo,.summary,.workspace-card,.team-card,.member-card,.report-card,.stat-card,.metric-card,.pricing-card,.account-card,.portal-card,.section-card{
  border-color:var(--emp-line)!important;border-radius:var(--emp-radius-lg)!important;box-shadow:none!important;
}
.card,.panel,.auth-panel,.workspace-card,.team-card,.member-card,.report-card,.stat-card,.metric-card,.pricing-card,.account-card,.portal-card,.section-card{background:var(--emp-white)}
hr{border:0;border-top:1px solid var(--emp-line)}

/* Form system */
input,select,textarea{background:var(--emp-white)!important;color:var(--emp-ink)!important;border-color:var(--emp-line-strong)!important;border-radius:var(--emp-radius)!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-color:var(--emp-red)!important;outline:2px solid rgba(191,53,67,.12)!important;outline-offset:1px}
button,.btn,.button,[class*="-btn"]{border-radius:var(--emp-radius)!important;box-shadow:none!important;font-weight:650;letter-spacing:-.01em}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--emp-red)!important;outline-offset:3px}

/* Primary red is deliberately scarce: primary actions and active state only. */
.btn-primary,.primary-btn,.primary,.cta-primary,#start-btn,#individual-access-submit,.individual-buy,.checkout-page .primary,.checkout-page button.primary,.account-page .primary,.portal-page .primary{
  background:var(--emp-red)!important;border-color:var(--emp-red)!important;color:#fff!important;
}
.btn-primary:hover,.primary-btn:hover,.cta-primary:hover,#start-btn:not(:disabled):hover,#individual-access-submit:hover,.individual-buy:hover{background:var(--emp-red-dark)!important;border-color:var(--emp-red-dark)!important}
.secondary,.btn-secondary,.secondary-btn{background:var(--emp-white)!important;color:var(--emp-ink)!important;border:1px solid var(--emp-line-strong)!important}

/* Navigation + brand */
.topbar,.nav,.team-header,.portal-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--emp-line)!important;box-shadow:none!important}

/* Swiss rhythm / section markers */
.eyebrow,.v24-eyebrow,.kicker,.overline,.section-label,.label{letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:750}
.eyebrow,.kicker,.overline,.section-label{color:var(--emp-red)!important}
.badge,.pill,.tag{border-radius:3px!important;box-shadow:none!important}

/* Homepage — neutral canvas, Empower-red conversion accents. */
.v24-home,.home-page,.home-shell,.hero,.v24-hero{background:var(--emp-paper)!important}
.v24-choice,.v24-personal,.v24-business,.mode-card{background:var(--emp-white)!important;border-color:var(--emp-line)!important;box-shadow:none!important}
.v24-business::after{background:var(--emp-red)!important}
.v24-business .v24-eyebrow{color:var(--emp-red)!important}
.v24-business-cta{background:var(--emp-red)!important;border-color:var(--emp-red)!important;color:#fff!important;box-shadow:none!important}
.v24-business-cta:hover{background:var(--emp-red-dark)!important;border-color:var(--emp-red-dark)!important}
.mode-card[data-mode="deep"],.mode-card[data-mode="deep"].selected,.purchase-types button[aria-pressed="true"],.checkout-page .combo:has(input:checked),.checkout-page .combo.recommended{
  border-color:var(--emp-red)!important;background:var(--emp-red-soft)!important;
}
.mode-card[data-mode="deep"] .mode-cta,.mode-card[data-mode="deep"].selected .mode-cta{background:var(--emp-red)!important;border-color:var(--emp-red)!important;color:#fff!important}
.option-card.picked,.role-box{background:var(--emp-red-soft)!important;border-color:#EFC9CF!important}
.option-card.picked{box-shadow:inset 3px 0 0 var(--emp-red)!important}

/* Commerce / account / portal */
.checkout-page,.group-page,.account-page,.portal-page{background:var(--emp-paper)!important;color:var(--emp-ink)!important}
.checkout-page .panel,.checkout-page .combo,.purchase-types button{background:var(--emp-white)!important;border-color:var(--emp-line)!important;box-shadow:none!important;border-radius:var(--emp-radius-lg)!important}
.checkout-page #annual-details{background:var(--emp-red-soft)!important;border-color:#EFC9CF!important}
.checkout-page #savings{color:var(--emp-red-dark)!important}

/* Team workspace — remove the old green brand cast; reserve green for semantic success. */
.group-page .team-shell,.team-workspace,.workspace-shell,.dashboard-shell{background:var(--emp-paper)!important}
.team-nav a.active,.team-tabs button.active,.tabs button.active,[aria-selected="true"]{color:var(--emp-red)!important;border-color:var(--emp-red)!important}
.team-workspace .primary-action,.team-dashboard .primary-action{background:var(--emp-red)!important;border-color:var(--emp-red)!important;color:#fff!important}

/* Reports: chrome follows Empower; assessment data colors are intentionally untouched. */
.report-page,.report-shell,.team-report-page{background:var(--emp-paper)!important}
.report-header,.report-toolbar{background:var(--emp-white)!important;border-color:var(--emp-line)!important}
.report-page-cover .report-cover-header,.report-page-cover .report-client-brand{background:#fff!important}
.team-client-report-brand{border-bottom-color:var(--emp-line)!important}

/* Alerts remain semantic and soft, never brand-red blocks. */
.error,.alert-error,.error-message{background:#FDECEC!important;color:#9F1D24!important;border-color:#F7C8C8!important}
.success,.alert-success,.success-message{background:#E9F8F1!important;color:#225D4B!important;border-color:#BFE7D2!important}
.warning,.alert-warning{background:#FFF7DF!important;color:#765617!important;border-color:#F3D98B!important}

/* Admin pages also share the brand frame, while status colors remain semantic. */
.admin-page,.admin-shell{background:var(--emp-paper)!important;color:var(--emp-ink)!important}

/* Mobile: retain whitespace without wasting screen width. */
@media(max-width:700px){
  :root{--emp-radius-lg:6px}
}

/* Print stays clean and neutral. */
@media print{body{background:#fff!important}.no-print,.report-toolbar{display:none!important}.card,.panel,.report-card{box-shadow:none!important}}


/* V7.1 soft color refresh — color-only layer. No layout or behavior changes. */
html,body{background-color:#F5F7FB}
body{color:#162033}
p,.lead,.muted{color:#667085}
.topbar,.nav,.team-header,.portal-header{border-bottom-color:#E6EAF0!important}
.card,.panel,.auth-panel,.mode-card,.option-card,.role-box,.combo,.summary,.workspace-card,.team-card,.member-card,.report-card,.stat-card,.metric-card,.pricing-card,.account-card,.portal-card,.section-card{border-color:#E6EAF0!important}
/* Preserve the protected chart renderer; recolor only at presentation layer. */
svg path[fill="#FE6E63"]{fill:#E85D5D!important}
svg path[fill="#FED663"]{fill:#E6B84B!important}
svg path[fill="#627ACD"]{fill:#5E78C8!important}
svg path[fill="#53CD62"]{fill:#53B987!important}
svg rect[fill="#FEBDB8"]{fill:#FDECEC!important}
svg rect[fill="#FEECB8"]{fill:#FFF7DF!important}
svg rect[fill="#B7C2E8"]{fill:#EDF1FC!important}
svg rect[fill="#B3EEBB"]{fill:#E9F8F1!important}