/* EQ v15.347 — interaction + theme + hero integration pass.
   Frontend only. No scoring/methodology changes. */

/* ---------- Interaction baseline ---------- */
button:not(:disabled),
a[href],
[role="button"]:not([aria-disabled="true"]){cursor:pointer}
button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:2px solid rgba(86,183,255,.72);outline-offset:3px}

.eq-ui-toast{position:fixed;right:24px;bottom:24px;z-index:9999;max-width:min(420px,calc(100vw - 32px));padding:13px 15px;border-radius:14px;background:rgba(8,18,37,.96);border:1px solid rgba(105,174,255,.24);box-shadow:0 18px 44px rgba(0,0,0,.32);color:#eaf2ff;font:650 13px/1.45 Manrope,Inter,system-ui,sans-serif;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}.eq-ui-toast.show{opacity:1;transform:none}

/* Theme switch is deliberately compact: it must be available, not dominant. */
.eq-theme-toggle{display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.035)!important;color:#dce8ff!important;box-shadow:none!important;font-size:0!important;line-height:1!important;transition:.18s ease!important}.eq-theme-toggle:hover{transform:translateY(-1px);background:rgba(255,255,255,.075)!important}.eq-theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eq-theme-floating{position:fixed!important;right:18px!important;top:18px!important;z-index:9990!important;backdrop-filter:blur(14px)}

/* ---------- Dashboard: persona should visually belong to the hero ---------- */
.eq-dashboard-page .hero-panel{isolation:isolate}
.eq-dashboard-page .hero-visual{overflow:visible!important;background:transparent!important;box-shadow:none!important;border-radius:30px!important}
.eq-dashboard-page .hero-visual::before{content:'';position:absolute;z-index:-1;inset:8% 5% 7%;border-radius:36px;background:radial-gradient(ellipse at 53% 48%,rgba(43,90,184,.18),rgba(9,25,53,.12) 48%,transparent 78%);filter:blur(28px);pointer-events:none}
.eq-dashboard-page .hero-image-underlay{inset:-2.2%!important;border-radius:32px!important;background-size:100% 100%!important;background-position:center!important;filter:saturate(.96) contrast(1.015) brightness(.94)!important;transform:none!important;-webkit-mask-image:radial-gradient(ellipse 99% 97% at 50% 50%,#000 0 86%,rgba(0,0,0,.98) 90%,rgba(0,0,0,.72) 95%,transparent 100%);mask-image:radial-gradient(ellipse 99% 97% at 50% 50%,#000 0 86%,rgba(0,0,0,.98) 90%,rgba(0,0,0,.72) 95%,transparent 100%)}
.eq-dashboard-page .hero-image-vignette{inset:-2.4%!important;border-radius:34px!important;background:linear-gradient(90deg,rgba(8,20,43,.22) 0,transparent 5%,transparent 95%,rgba(8,20,43,.22) 100%),linear-gradient(180deg,rgba(8,20,43,.16) 0,transparent 6%,transparent 91%,rgba(8,20,43,.30) 100%),radial-gradient(ellipse at 50% 50%,transparent 0 75%,rgba(8,20,43,.11) 91%,rgba(8,20,43,.34) 100%)!important;box-shadow:none!important}
@media(min-width:1321px){.eq-dashboard-page .hero-visual.is-male{max-width:650px!important}.eq-dashboard-page .hero-visual.is-female{max-width:745px!important}}

/* KPI deltas were too quiet for quick scanning. */
.eq-dashboard-page .stat-copy small{font-size:15px!important;line-height:1.15!important;font-weight:700!important;color:#b9d9ff!important;letter-spacing:-.01em}
.eq-dashboard-page .stat-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.eq-dashboard-page .stat-card[data-eq-href]{cursor:pointer}.eq-dashboard-page .stat-card[data-eq-href]:hover{transform:translateY(-2px);border-color:rgba(103,166,255,.20)!important;background:linear-gradient(180deg,rgba(13,23,45,.94),rgba(9,16,31,.91))!important}

/* Top-right profile is an actual control now. */
.eq-top-actions{position:relative}
.user-chip[role="button"]{cursor:pointer;transition:.18s ease;user-select:none}.user-chip[role="button"]:hover,.user-chip[aria-expanded="true"]{background:rgba(255,255,255,.075);border-color:rgba(121,169,255,.19);transform:translateY(-1px)}
.eq-profile-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:1000;width:235px;padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(7,16,32,.97);box-shadow:0 20px 52px rgba(0,0,0,.38);backdrop-filter:blur(18px);display:none}.eq-profile-menu.open{display:grid}.eq-profile-menu a,.eq-profile-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#eaf1ff;text-decoration:none;font:700 13px/1.25 Manrope,Inter,system-ui;text-align:left}.eq-profile-menu a:hover,.eq-profile-menu button:hover{background:rgba(255,255,255,.065)}.eq-profile-menu .eq-profile-sep{height:1px;background:rgba(255,255,255,.07);margin:5px 4px}.eq-profile-menu small{color:#90a0bb;font-weight:600}

/* Sidebar collapse actually works. */
@media(min-width:1101px){
 body.eq-sidebar-collapsed .eq-app-shell{grid-template-columns:92px minmax(0,1fr)!important}
 body.eq-sidebar-collapsed .eq-sidebar{padding-left:12px;padding-right:12px}
 body.eq-sidebar-collapsed .eq-sidebar-brand{min-height:76px!important}
 body.eq-sidebar-collapsed .eq-sidebar-brand .brand.eq-brand-standard{left:16px!important;top:5px!important;transform:scale(.58)!important;width:74px!important}
 body.eq-sidebar-collapsed .eq-sidebar-brand .eq-brand-lock-copy{display:none!important}
 body.eq-sidebar-collapsed .eq-sidebar-brand .collapse-button{right:4px!important;top:50px!important}
 body.eq-sidebar-collapsed .eq-nav-link{justify-content:center;padding-left:10px;padding-right:10px}
 body.eq-sidebar-collapsed .eq-nav-link b{display:none}
 body.eq-sidebar-collapsed .sidebar-card{display:none}
}

/* ---------- Light theme: cool daylight, not white glare ---------- */
html[data-eq-theme="light"]{color-scheme:light;--u-bg:#e7edf5;--u-panel:rgba(248,250,253,.90);--u-panel-soft:rgba(239,244,250,.92);--u-line:rgba(45,66,96,.13);--u-text:#18253a;--u-muted:#62728b;--u-shadow:0 20px 55px rgba(48,67,96,.13);--eq-bg:#e7edf5;--eq-panel:rgba(248,250,253,.90);--eq-panel-strong:rgba(244,248,252,.96);--eq-panel-soft:rgba(237,243,249,.92);--eq-line:rgba(45,66,96,.13);--eq-line-soft:rgba(45,66,96,.08);--eq-text:#18253a;--eq-muted:#62728b;--eq-shadow:0 20px 55px rgba(48,67,96,.13)}
html[data-eq-theme="light"] body{color:#18253a!important;background:radial-gradient(circle at 8% 0%,rgba(170,104,255,.12),transparent 27%),radial-gradient(circle at 80% 2%,rgba(61,168,255,.13),transparent 30%),radial-gradient(circle at 100% 42%,rgba(255,160,92,.08),transparent 25%),linear-gradient(180deg,#edf2f7 0%,#e6edf5 52%,#e9eef4 100%)!important}
html[data-eq-theme="light"] body::after{opacity:.035!important}
html[data-eq-theme="light"] body:not(.eq-dashboard-page)::before{background:linear-gradient(90deg,rgba(34,52,78,.018),transparent 28%,transparent 70%,rgba(34,52,78,.012))!important}

/* canonical brand stays identical structurally, but gets daylight text colors */
html[data-eq-theme="light"] .brand.eq-brand-standard{color:#132039!important}
html[data-eq-theme="light"] .brand.eq-brand-standard .eq-brand-lock-copy,html[data-eq-theme="light"] .brand.eq-brand-standard .eq-brand-lock-title{color:#132039!important}
html[data-eq-theme="light"] .brand.eq-brand-standard .eq-brand-lock-title{-webkit-text-stroke:0!important;text-shadow:none!important}
html[data-eq-theme="light"] .brand.eq-brand-standard .eq-brand-lock-subtitle{color:rgba(68,82,107,.76)!important;text-shadow:none!important}

/* Shared chrome */
html[data-eq-theme="light"] :is(.topbar,.report-top.v340-topbar,.commercial-topbar){background:rgba(234,240,247,.90)!important;border-color:rgba(41,63,94,.12)!important;box-shadow:0 6px 24px rgba(64,82,111,.06)}
html[data-eq-theme="light"] .eq-sidebar{background:linear-gradient(180deg,rgba(232,238,246,.97),rgba(226,234,243,.95))!important;border-color:rgba(45,66,96,.10)!important}
html[data-eq-theme="light"] .eq-nav-link{color:#34445e!important}
html[data-eq-theme="light"] .eq-nav-link:hover{background:rgba(45,76,124,.055)!important;border-color:rgba(45,76,124,.07)!important}
html[data-eq-theme="light"] .eq-nav-link.active{background:linear-gradient(180deg,rgba(75,105,225,.13),rgba(113,84,199,.09))!important;border-color:rgba(85,113,216,.16)!important;color:#23375a!important}
html[data-eq-theme="light"] .eq-nav-link .nav-icon{color:#5e7395!important}
html[data-eq-theme="light"] :is(.sidebar-card,.content-card,.workspace-card,.summary-card,.manager-card,.billing-card,.commercial-card,.feedback-card,.owner-card,.legal-card,.document-sheet,.panel,.card,.result-panel){background:linear-gradient(180deg,rgba(249,251,253,.92),rgba(240,245,250,.94))!important;border-color:rgba(45,66,96,.12)!important;box-shadow:0 16px 38px rgba(45,65,95,.10)!important;color:#1c2940!important}
html[data-eq-theme="light"] .hero-panel{background:radial-gradient(circle at 18% 0%,rgba(185,104,255,.13),transparent 31%),radial-gradient(circle at 78% 100%,rgba(65,180,255,.10),transparent 38%),linear-gradient(135deg,rgba(244,248,252,.96),rgba(233,240,248,.96))!important;border-color:rgba(45,66,96,.12)!important;box-shadow:0 20px 52px rgba(45,64,95,.11)!important}
html[data-eq-theme="light"] .hero-panel::after{background:linear-gradient(90deg,rgba(255,255,255,.20),transparent 36%,transparent 70%,rgba(255,180,115,.04))!important}
html[data-eq-theme="light"] :is(.welcome-title,.hero-copy h1,.card-head h2,.workspace-head h2,.content-card h2,.sidebar-card h3,.user-chip-copy b){color:#17243a!important}
html[data-eq-theme="light"] :is(.welcome-subtitle,.hero-copy p,.hero-flags,.pilot-progress-copy,.help-card p:last-child,.user-chip-copy span){color:#5f718d!important}
html[data-eq-theme="light"] .user-chip{background:rgba(255,255,255,.50)!important;border-color:rgba(50,72,104,.12)!important}
html[data-eq-theme="light"] .icon-button,html[data-eq-theme="light"] .eq-theme-toggle{background:rgba(255,255,255,.52)!important;border-color:rgba(50,72,104,.12)!important;color:#405574!important}
html[data-eq-theme="light"] .icon-button:hover,html[data-eq-theme="light"] .eq-theme-toggle:hover{background:rgba(255,255,255,.82)!important}
html[data-eq-theme="light"] .eq-profile-menu{background:rgba(246,249,252,.98)!important;border-color:rgba(45,66,96,.13)!important;box-shadow:0 20px 48px rgba(45,65,95,.16)!important}
html[data-eq-theme="light"] .eq-profile-menu a,html[data-eq-theme="light"] .eq-profile-menu button{color:#24344d!important}
html[data-eq-theme="light"] .eq-profile-menu a:hover,html[data-eq-theme="light"] .eq-profile-menu button:hover{background:rgba(50,74,111,.055)!important}
html[data-eq-theme="light"] .eq-profile-menu small{color:#72819a!important}
html[data-eq-theme="light"] .eq-profile-menu .eq-profile-sep{background:rgba(45,66,96,.10)!important}

/* Dashboard cards */
html[data-eq-theme="light"] .stat-card{background:linear-gradient(180deg,rgba(249,251,253,.96),rgba(238,244,249,.96))!important;border-color:rgba(45,66,96,.11)!important;box-shadow:0 15px 38px rgba(45,64,95,.09)!important}
html[data-eq-theme="light"] .stat-copy span{color:#40516c!important}html[data-eq-theme="light"] .stat-copy b{color:#152238!important}html[data-eq-theme="light"] .stat-copy small{color:#55729b!important}
html[data-eq-theme="light"] .stat-line{opacity:.62!important}
html[data-eq-theme="light"] .summary-line,html[data-eq-theme="light"] .activity-item,html[data-eq-theme="light"] .recommendation-item,html[data-eq-theme="light"] .interview-item{background:rgba(255,255,255,.44)!important;border-color:rgba(45,66,96,.09)!important;color:#26364f!important}

/* Shared HR pages / forms */
html[data-eq-theme="light"] :is(.v340-hero,.wizard-intro,.feedback-hero,.manager-card.manager-wide,.report-hero.v340-report-hero){background:radial-gradient(circle at 8% 0%,rgba(183,104,255,.12),transparent 28%),radial-gradient(circle at 84% 100%,rgba(72,174,255,.09),transparent 34%),linear-gradient(135deg,rgba(248,250,253,.96),rgba(236,242,249,.96))!important;border-color:rgba(45,66,96,.12)!important;box-shadow:0 18px 48px rgba(45,64,95,.10)!important}
html[data-eq-theme="light"] :is(.wizard-step,.feedback-section,.manager-card,.owner-panel,.billing-panel,.commercial-panel){background:linear-gradient(180deg,rgba(249,251,253,.94),rgba(239,244,249,.95))!important;border-color:rgba(45,66,96,.12)!important;color:#1d2a40!important;box-shadow:0 14px 36px rgba(45,64,95,.08)!important}
html[data-eq-theme="light"] :is(.config-mode-btn,.editable-row,.priority-item,.responsibility-explainer,.quick-context-head,.quick-context-grid>div,.scenario-card,.review-row,.check-line,.pilot-progress div){background:rgba(255,255,255,.48)!important;border-color:rgba(45,66,96,.10)!important;color:#283850!important}
html[data-eq-theme="light"] .config-mode-btn.active{background:linear-gradient(135deg,rgba(89,103,235,.13),rgba(65,173,240,.10))!important;border-color:rgba(76,135,218,.62)!important;box-shadow:0 0 0 3px rgba(76,135,218,.075),0 10px 28px rgba(45,87,155,.09)!important}
html[data-eq-theme="light"] :is(.field input,.field textarea,.case-row input,.input,.select,.textarea){background:rgba(255,255,255,.72)!important;border-color:rgba(45,66,96,.13)!important;color:#1c2a40!important}
html[data-eq-theme="light"] :is(.field>span,label,.step-head h2,.wizard-intro h1,.feedback-hero h1,.manager-card h1,.manager-card h2){color:#1b2940!important}
html[data-eq-theme="light"] :is(.step-head p,.wizard-intro>p:not(.eyebrow):not(.mode-hint),.feedback-hero>p,.v340-section-lead,.mode-hint){color:#62728b!important}
html[data-eq-theme="light"] :is(.secondary-button,.ghost-button,.v340-top-actions a,.v340-top-actions button,.top-actions .ghost-button,.feedback-top-actions a,.feedback-top-actions button){background:rgba(255,255,255,.58)!important;border-color:rgba(45,66,96,.12)!important;color:#2d3e59!important}

/* Report light mode: retain color coding, turn the canvas into a calm slate daylight sheet. */
html[data-eq-theme="light"] body.report-page{background:radial-gradient(circle at 0% 6%,rgba(168,85,247,.12),transparent 34%),radial-gradient(circle at 58% 0%,rgba(56,189,248,.10),transparent 34%),radial-gradient(circle at 100% 18%,rgba(34,197,94,.07),transparent 40%),linear-gradient(180deg,#e9eef5 0%,#e5ecf4 52%,#e8eef3 100%)!important;color:#18253a!important}
html[data-eq-theme="light"] .report-top.v340-topbar{background:rgba(235,241,247,.94)!important}
html[data-eq-theme="light"] :is(.report-section,.report-card,.v312-executive-section,.v313-narrative-section,.v313-role-context-section,.v313-influence-section,.v313-priority-section,.profile-summary-section,.v310-quality-section,.eq-visual-section,.detailed-metrics-v291,.v313-detailed-metrics){background:linear-gradient(135deg,rgba(249,251,253,.94),rgba(238,244,249,.95))!important;border-color:rgba(45,66,96,.12)!important;box-shadow:0 16px 42px rgba(48,68,97,.09)!important;color:#1a2940!important}
html[data-eq-theme="light"] :is(.v338-confidence-card,.v338-evidence-signal,.v313-style-card,.v313-risk-card,.v313-verification-card,.v313-verification-question,.v313-verification-outcome,.v313-role-main,.v313-role-anchor,.v313-influence-card,.priority-card,.priority-result-card,.scope-grid .report-card,.v313-profile-strength-row,.quick-card-v291,.metric-detail-card-v291,.v334-quality-grid .report-card,.factor-hint){background:rgba(255,255,255,.50)!important;border-color:rgba(45,66,96,.11)!important;color:#20304a!important}
html[data-eq-theme="light"] :is(.report-section h2,.report-section h3,.report-section h4,.report-card h3,.report-card h4,.v313-style-card h3,.v313-risk-card h3,.priority-card h3,.scope-grid h3,.metric-detail-card-v291 h3){color:#17253b!important}
html[data-eq-theme="light"] :is(.report-section p,.report-card p,.report-section small,.report-card small,.report-section-head>p,.report-section-head>div>p,.v314-purpose-line,.metric-detail-card-v291 dt){color:#60718c!important}
html[data-eq-theme="light"] :is(.report-card b,.report-card strong,.metric-detail-card-v291 dd,.v313-verification-question b,.v313-verification-outcome b){color:#23334c!important}
html[data-eq-theme="light"] .v340-report-guide a{background:rgba(255,255,255,.48)!important;border-color:rgba(45,66,96,.11)!important;color:#5c6f8c!important}html[data-eq-theme="light"] .v340-report-guide a b{color:#1e2e47!important}
html[data-eq-theme="light"] .v345-feedback-banner{background:linear-gradient(115deg,rgba(232,225,255,.84),rgba(226,241,252,.92) 55%,rgba(232,245,238,.86))!important;border-color:rgba(103,101,205,.20)!important;box-shadow:0 18px 42px rgba(45,64,95,.10)!important}html[data-eq-theme="light"] .v345-feedback-banner h3{color:#1c2b43!important}html[data-eq-theme="light"] .v345-feedback-banner p{color:#5c6d87!important}

/* Assessment / candidate pages */
html[data-eq-theme="light"] :is(.page,.landing-page,.candidate-modal,.candidate-status){color:#18253a!important}
html[data-eq-theme="light"] :is(.hero,.question-card,.side,.option,.scale-card,.role-preview,.landing-card,.candidate-dialog,.candidate-status-card){background:rgba(248,250,253,.90)!important;border-color:rgba(45,66,96,.12)!important;color:#1e2d45!important;box-shadow:0 15px 38px rgba(45,64,95,.09)!important}
html[data-eq-theme="light"] :is(.lead,p,li,label,small,.option span){color:#61718a}
html[data-eq-theme="light"] .option:hover,html[data-eq-theme="light"] .option.selected{background:linear-gradient(135deg,rgba(56,189,248,.11),rgba(168,85,247,.07))!important;border-color:rgba(55,147,213,.35)!important}

/* Theme button itself in daylight */
html[data-eq-theme="light"] .eq-theme-toggle{color:#344b6b!important;background:rgba(255,255,255,.66)!important;border-color:rgba(45,66,96,.13)!important}
html[data-eq-theme="light"] .eq-ui-toast{background:rgba(247,250,253,.98);border-color:rgba(45,66,96,.14);color:#24344d;box-shadow:0 18px 44px rgba(45,64,95,.16)}

@media(max-width:760px){.eq-ui-toast{right:12px;bottom:12px}.eq-theme-floating{right:12px!important;top:12px!important}.eq-dashboard-page .hero-image-underlay{inset:-1.2%!important}}