/* EQ v15.397 — approved wide hero scene + assessment decision cockpit.
   Dashboard only. Report and scoring are intentionally untouched.
   Visual target: 1709x885. */

html:has(body.eq-dashboard-page.v397-dashboard-approved-scene),
body.eq-dashboard-page.v397-dashboard-approved-scene{
  overflow-x:hidden!important;
  color:#f3f7ff!important;
  background:
    radial-gradient(860px 480px at 5% -8%,rgba(106,83,229,.15),transparent 65%),
    radial-gradient(780px 440px at 96% 12%,rgba(56,133,218,.12),transparent 68%),
    linear-gradient(135deg,#071426 0%,#091b33 42%,#0b2746 72%,#0a1a35 100%)!important;
}

body.eq-dashboard-page.v397-dashboard-approved-scene .eq-dashboard-bg.eq-bg-1{
  background:radial-gradient(circle at 12% 20%,rgba(122,79,242,.14),transparent 42%)!important;
  opacity:.9!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-dashboard-bg.eq-bg-2{
  background:radial-gradient(circle at 88% 48%,rgba(41,164,215,.09),transparent 40%)!important;
  opacity:.8!important;
}

/* Keep the accepted roomy shell. */
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-app-shell{
  grid-template-columns:304px minmax(0,1fr)!important;
  background:transparent!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-sidebar{
  background:
    radial-gradient(330px 260px at 40% 8%,rgba(116,79,220,.12),transparent 70%),
    linear-gradient(180deg,rgba(9,24,48,.90),rgba(7,20,41,.96))!important;
  border-right:1px solid rgba(118,154,226,.15)!important;
  box-shadow:18px 0 42px rgba(1,9,23,.12)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-main{
  padding:16px 22px 24px!important;
  gap:10px!important;
}

/* Brand: white lockup, bars stay within the two copy lines. */
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-brand-lock-bars{
  height:31px!important;
  min-height:31px!important;
  align-self:center!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-brand-lock-title{
  color:#fff!important;
  font-weight:800!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-brand-lock-subtitle{
  color:rgba(222,232,251,.79)!important;
}

/* Six identical violet glass tiles. Active state is outline/glow only. */
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-nav-link,
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-nav-link.active{
  background:linear-gradient(112deg,rgba(124,93,213,.27),rgba(103,93,175,.18) 54%,rgba(79,91,158,.15))!important;
  border-color:rgba(170,148,246,.19)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 22px rgba(47,37,118,.055)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-nav-link.active{
  border-color:rgba(213,201,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(150,126,255,.18),0 0 24px rgba(111,78,237,.13)!important;
}

/* Header lives on the page, never inside a separate plaque. */
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-topbar{
  height:70px!important;
  min-height:70px!important;
  padding:0 6px 6px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .welcome-title{
  font-size:28px!important;
  color:#f7f9ff!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .welcome-subtitle{
  font-size:13.5px!important;
  color:#b9cbe7!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene :is(.icon-button,.user-chip){
  background:rgba(13,31,61,.66)!important;
  border-color:rgba(129,164,230,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

/* HERO — approved scene is the background of the ENTIRE plaque.
   The asset was extended only on its LEFT canvas; the accepted scene itself is not stretched. */
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:290px!important;
  min-height:290px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(115,157,227,.16)!important;
  background:#071a35!important;
  box-shadow:0 18px 42px rgba(1,8,24,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
  isolation:isolate!important;
  transition:height .34s ease,min-height .34s ease,background .34s ease!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-visual,
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-visual.is-female,
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-visual.is-male{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:inherit!important;
  box-shadow:none!important;
  overflow:hidden!important;
  opacity:1!important;
  pointer-events:none!important;
  transition:opacity .28s ease,transform .34s ease!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-image-underlay,
html[data-eq-theme="light"] body.eq-dashboard-page.v397-dashboard-approved-scene .hero-image-underlay,
html:not([data-eq-theme="light"]) body.eq-dashboard-page.v397-dashboard-approved-scene .hero-image-underlay{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url('../../assets/images/hr-personas/hr-hero-female-v397-approved-wide.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  border-radius:inherit!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-image-vignette{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(5,17,39,.91) 0%,rgba(5,17,39,.82) 16%,rgba(6,20,43,.62) 29%,rgba(7,23,49,.24) 41%,rgba(7,23,49,.03) 50%,transparent 58%),
    linear-gradient(180deg,rgba(2,10,25,.02),transparent 75%,rgba(2,10,25,.09))!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-visual::before,
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-visual::after{display:none!important}

body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy{
  position:relative!important;
  z-index:3!important;
  width:510px!important;
  max-width:42%!important;
  height:100%!important;
  margin:0!important;
  padding:27px 0 22px 27px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy .hero-kicker{
  margin:0 0 10px!important;
  font-size:11px!important;
  letter-spacing:.17em!important;
  line-height:1!important;
  color:#d7e4f7!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy h1{
  margin:0 0 10px!important;
  max-width:480px!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  color:#f6f8ff!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy h1 .hero-line{display:block!important;white-space:nowrap!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy>p:not(.hero-kicker){
  margin:0!important;
  max-width:470px!important;
  font-size:13.7px!important;
  line-height:1.48!important;
  color:#cbd9ee!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-actions{
  display:flex!important;
  gap:9px!important;
  margin-top:17px!important;
  flex-wrap:nowrap!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene :is(.hero-primary-btn,.hero-secondary-btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
  border-radius:11px!important;
  font-size:13.2px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-primary-btn{
  color:#fff!important;
  background:linear-gradient(100deg,#8c55f4,#4b9ff7)!important;
  border:1px solid rgba(142,162,255,.21)!important;
  box-shadow:0 10px 24px rgba(71,100,231,.18)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-secondary-btn{
  color:#edf3ff!important;
  background:rgba(7,20,42,.46)!important;
  border:1px solid rgba(132,165,224,.18)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-flags{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin-top:13px!important;
  color:#aebfda!important;
  font-size:11.5px!important;
  white-space:nowrap!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-flags span{display:inline-flex!important;align-items:center!important;gap:6px!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-flags i{
  width:21px!important;height:21px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  font-style:normal!important;font-size:9px!important;font-weight:800!important;
  color:#cfe9ff!important;background:rgba(77,125,176,.20)!important;border:1px solid rgba(116,174,227,.18)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .v397-hero-scene-toggle{
  position:absolute!important;z-index:5!important;right:12px!important;top:12px!important;
  width:30px!important;height:30px!important;border-radius:9px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;border:1px solid rgba(145,178,234,.16)!important;
  background:rgba(5,16,34,.54)!important;color:#d8e4f7!important;
  font-size:18px!important;line-height:1!important;cursor:pointer!important;
  backdrop-filter:blur(8px)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .v397-hero-scene-restore{
  position:absolute!important;z-index:5!important;right:14px!important;top:14px!important;
  height:32px!important;padding:0 12px!important;border-radius:9px!important;
  border:1px solid rgba(145,178,234,.16)!important;background:rgba(15,34,66,.64)!important;
  color:#dce9ff!important;font-size:11px!important;font-weight:750!important;cursor:pointer!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden{
  height:124px!important;min-height:124px!important;
  background:linear-gradient(100deg,rgba(9,25,50,.92),rgba(12,35,64,.90))!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .hero-visual{opacity:0!important;transform:scale(1.01)!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .hero-copy{
  width:100%!important;max-width:none!important;padding:18px 170px 17px 22px!important;
  display:grid!important;grid-template-columns:minmax(340px,520px) auto!important;grid-template-rows:auto auto!important;
  column-gap:24px!important;align-content:center!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .hero-kicker{display:none!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .hero-copy h1{grid-column:1!important;grid-row:1!important;margin:0!important;font-size:25px!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .hero-copy>p:not(.hero-kicker){grid-column:1!important;grid-row:2!important;margin-top:6px!important;font-size:12.2px!important;max-width:520px!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .hero-actions{grid-column:2!important;grid-row:1/3!important;align-self:center!important;margin:0!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .hero-flags{display:none!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .v397-hero-scene-toggle{display:none!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel:not(.v397-scene-hidden) .v397-hero-scene-restore{display:none!important}

/* KPI — calm glass cards, stronger labels, delta visually anchored to the icon. */
body.eq-dashboard-page.v397-dashboard-approved-scene .stats-grid{
  height:96px!important;min-height:96px!important;gap:10px!important;margin:0!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-card{
  position:relative!important;
  height:96px!important;min-height:96px!important;
  padding:11px 13px 11px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) 82px!important;
  grid-template-rows:1fr!important;
  column-gap:11px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid rgba(124,160,220,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 24px rgba(2,9,24,.08)!important;
  overflow:hidden!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-card.stat-blue{background:linear-gradient(120deg,rgba(62,129,180,.20),rgba(27,57,94,.48) 56%,rgba(32,53,91,.40))!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-card.stat-purple{background:linear-gradient(120deg,rgba(136,82,188,.19),rgba(56,45,100,.46) 57%,rgba(34,50,89,.40))!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-card.stat-green{background:linear-gradient(120deg,rgba(52,150,130,.18),rgba(28,76,83,.43) 57%,rgba(29,53,86,.39))!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-card.stat-orange{background:linear-gradient(120deg,rgba(171,111,54,.18),rgba(85,59,54,.42) 57%,rgba(38,50,80,.39))!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-icon{
  grid-column:1!important;grid-row:1!important;
  width:56px!important;height:56px!important;border-radius:14px!important;
  align-self:start!important;margin-top:1px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(176,201,240,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-copy{
  grid-column:2!important;grid-row:1!important;
  height:60px!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto 1fr!important;
  column-gap:10px!important;row-gap:0!important;
  align-content:center!important;align-items:center!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-copy span{
  grid-column:1!important;grid-row:1!important;
  font-size:16.2px!important;line-height:1.1!important;font-weight:800!important;
  color:#f0f5ff!important;white-space:normal!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-copy b{
  grid-column:2!important;grid-row:1/3!important;
  font-size:38px!important;line-height:1!important;font-weight:820!important;
  color:#f8faff!important;letter-spacing:-.04em!important;align-self:center!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-copy small{
  position:absolute!important;
  left:13px!important;bottom:8px!important;width:56px!important;
  font-size:11.2px!important;line-height:1!important;font-weight:760!important;
  text-align:center!important;color:#d3e1f7!important;white-space:nowrap!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-blue .stat-copy small{color:#6ee1c8!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-purple .stat-copy small{color:#70e3c9!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-green .stat-copy small{color:#6fe2c4!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-orange .stat-copy small{color:#ffbb69!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-line{
  grid-column:3!important;grid-row:1!important;
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:82px!important;height:32px!important;margin:0!important;
  background:none!important;mask:none!important;opacity:.90!important;
  align-self:end!important;margin-bottom:8px!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-line::before{
  content:"";position:absolute;inset:2px 0 0;
  background:currentColor;
  clip-path:polygon(0 84%,8% 66%,16% 72%,24% 48%,32% 57%,40% 38%,48% 45%,56% 24%,64% 44%,72% 30%,80% 40%,88% 17%,96% 8%,100% 12%,100% 20%,96% 16%,88% 26%,80% 50%,72% 40%,64% 52%,56% 34%,48% 54%,40% 48%,32% 67%,24% 58%,16% 82%,8% 76%,0 94%);
  filter:drop-shadow(0 0 5px currentColor);
}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-blue .stat-line{color:#678cff!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-purple .stat-line{color:#c460ff!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-green .stat-line{color:#55e5d6!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .stat-orange .stat-line{color:#f1a04a!important}

/* Workspace: assessment pipeline, not a mini-ATS. */
body.eq-dashboard-page.v397-dashboard-approved-scene .v369-workspace{
  background:linear-gradient(180deg,rgba(7,25,48,.72),rgba(8,27,51,.84))!important;
  border-color:rgba(121,159,220,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(2,9,24,.06)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .v369-workspace-head h2{
  font-size:21px!important;letter-spacing:-.02em!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .v369-company-bar{
  background:linear-gradient(90deg,rgba(30,61,98,.58),rgba(18,45,80,.42),rgba(28,72,91,.28))!important;
  border-color:rgba(122,161,219,.12)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .v369-flow a:nth-child(1){background:linear-gradient(115deg,rgba(126,79,190,.31),rgba(74,73,137,.18) 60%,rgba(35,73,119,.12))!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .v369-flow a:nth-child(2){background:linear-gradient(115deg,rgba(44,140,181,.29),rgba(37,87,128,.17) 60%,rgba(68,78,142,.11))!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .v369-flow a:nth-child(3){background:linear-gradient(115deg,rgba(169,105,53,.27),rgba(96,72,64,.16) 60%,rgba(77,68,117,.11))!important}
body.eq-dashboard-page.v397-dashboard-approved-scene .v369-flow a:nth-child(4){background:linear-gradient(115deg,rgba(45,145,103,.27),rgba(36,92,82,.16) 60%,rgba(41,77,123,.11))!important}

/* The conceptual emphasis is "assessment -> report -> decision". */
body.eq-dashboard-page.v397-dashboard-approved-scene .v374-candidate-card.report-ready{
  background:linear-gradient(145deg,rgba(25,77,86,.78),rgba(22,54,83,.88))!important;
  border-color:rgba(75,202,170,.19)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .v374-candidate-card .candidate-report-link{
  background:linear-gradient(100deg,#6682ff,#45cfc5)!important;
  color:#fff!important;border-color:rgba(101,204,210,.18)!important;
}

/* Maintain useful first viewport at the acceptance resolution. */
@media (min-width:1500px){
  body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel{height:290px!important;min-height:290px!important}
}
@media (max-width:1499px){
  body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel{height:270px!important;min-height:270px!important}
  body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy{max-width:45%!important;padding-top:22px!important}
  body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy h1{font-size:27px!important}
}
@media (max-width:1100px){
  body.eq-dashboard-page.v397-dashboard-approved-scene .eq-app-shell{grid-template-columns:250px minmax(0,1fr)!important}
  body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy{max-width:52%!important;width:470px!important}
  body.eq-dashboard-page.v397-dashboard-approved-scene .hero-copy h1 .hero-line{white-space:normal!important}
}

/* v397 final optical sizing: keep the approved scene intact, only zoom the already-extended canvas.
   Cropping is taken primarily from the synthetic left extension, never by geometric stretch. */
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-image-underlay,
html[data-eq-theme="light"] body.eq-dashboard-page.v397-dashboard-approved-scene .hero-image-underlay,
html:not([data-eq-theme="light"]) body.eq-dashboard-page.v397-dashboard-approved-scene .hero-image-underlay{
  background-size:auto 138%!important;
  background-position:right center!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-main{
  background:linear-gradient(180deg,rgba(5,18,37,.16),rgba(5,18,37,0) 36%)!important;
}
body.eq-dashboard-page.v397-dashboard-approved-scene .hero-panel.v397-scene-hidden .v397-hero-scene-restore.hidden{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
/* The accepted reference keeps the topbar clean; theme remains available inside the profile menu. */
body.eq-dashboard-page.v397-dashboard-approved-scene .eq-top-actions>.eq-theme-toggle{display:none!important}