/* EQ v15.399 — final hero fit / compact KPI / decision-cockpit refinement.
   Dashboard only. Report, scoring and backend are intentionally untouched.
   Target viewport: 1709x885. */

/* HERO: preserve the accepted v397 geometry and typography.
   The v399 asset is a code-extended canvas: the approved scene itself is not geometrically stretched. */
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-panel{
  height:290px!important;
  min-height:290px!important;
  overflow:hidden!important;
  background:#071a35!important;
}
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-image-underlay,
html[data-eq-theme="light"] body.eq-dashboard-page.v399-dashboard-hero-fit .hero-image-underlay,
html:not([data-eq-theme="light"]) body.eq-dashboard-page.v399-dashboard-hero-fit .hero-image-underlay{
  background-image:url('../../assets/images/hr-personas/hr-hero-female-v399-approved-scene.png')!important;
  background-size:100% auto!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-image-vignette{
  display:block!important;
  background:
    linear-gradient(90deg,rgba(5,17,39,.94) 0%,rgba(5,17,39,.88) 15%,rgba(6,20,43,.70) 27%,rgba(7,23,49,.34) 39%,rgba(7,23,49,.08) 49%,transparent 59%),
    linear-gradient(180deg,rgba(2,10,25,.02),transparent 76%,rgba(2,10,25,.09))!important;
}
/* Use baked scene cards only; never duplicate them with HTML artwork. */
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-visual .candidate-chip,
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-visual .vacancy-mini-card,
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-visual .interview-mini-card,
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-visual .interview-calendar-card,
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-visual .target-badge,
body.eq-dashboard-page.v399-dashboard-hero-fit .hero-visual .hero-orbit{display:none!important}

/* KPI row: visibly thinner than v397, without shrinking labels into illegibility. */
body.eq-dashboard-page.v399-dashboard-hero-fit .stats-grid{gap:10px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .stat-card{
  min-height:84px!important;
  height:84px!important;
  padding:10px 12px!important;
  border-radius:19px!important;
  gap:9px!important;
  align-items:center!important;
  grid-template-columns:50px 1fr!important;
  grid-template-rows:1fr auto!important;
}
body.eq-dashboard-page.v399-dashboard-hero-fit .stat-icon{width:48px!important;height:48px!important;border-radius:15px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .stat-copy{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;gap:2px 8px!important;align-items:center!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .stat-copy span{font-size:12.5px!important;line-height:1.12!important;color:#e7f0ff!important;max-width:135px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .stat-copy b{font-size:34px!important;line-height:1!important;grid-row:1 / span 2!important;grid-column:2!important;align-self:center!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .stat-copy small{font-size:10.5px!important;line-height:1.1!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .stat-line{height:7px!important;opacity:.82!important;margin-top:-2px!important}

/* Workspace: keep the accepted functional structure, reduce visual heaviness. */
body.eq-dashboard-page.v399-dashboard-hero-fit .workspace-card{
  padding:12px!important;
  border-radius:20px!important;
  gap:9px!important;
  background:linear-gradient(180deg,rgba(8,19,39,.89),rgba(7,15,32,.87))!important;
  box-shadow:0 12px 30px rgba(1,8,24,.13),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.eq-dashboard-page.v399-dashboard-hero-fit .workspace-head{gap:10px!important;align-items:flex-end!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .workspace-head .hero-kicker{margin:0 0 3px!important;font-size:9px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .workspace-head h2{margin:0!important;font-size:20px!important;line-height:1.04!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .v369-company-bar{min-height:42px!important;height:42px!important;padding:5px 8px!important;border-radius:13px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .v369-flow{gap:7px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .v369-flow a{min-height:38px!important;height:38px!important;padding:6px 10px!important;border-radius:11px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .v369-flow a b{font-size:11.5px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .v369-flow a span{font-size:8.5px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .v369-master-detail{gap:8px!important;min-height:300px!important;grid-template-columns:minmax(238px,286px) minmax(0,1fr)!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .v369-pane-head{height:44px!important}
body.eq-dashboard-page.v399-dashboard-hero-fit .v369-vacancy-list{max-height:300px!important}

@media (max-width:1200px){
  body.eq-dashboard-page.v399-dashboard-hero-fit .stat-card{height:auto!important;min-height:88px!important}
}