/* EQ v15.489 — REG-0265/0266 — cabinet visual recovery against owner-accepted v15.471.
   Scope: HR cabinet only. Preserve v15.487/v15.488 semantics and legal layer.
   Visual source of truth: visual_references/ACCEPTED_HR_CABINET_v15_471_1709x885.png
   Owner screenshots 22.jpg / 23.jpg confirm the later accepted refinements:
   - free KPI icons;
   - compact sparkline with endpoint and delta directly under the graph;
   - taller readable company summary row;
   - thinner four-stage flow with equal left/right padding.
*/

/* KPI: preserve the accepted 112px card geometry, but restore the refined chart zone.
   REG-0264 accidentally enlarged the sparkline and left the delta under the number. */
body.eq-dashboard-page.v401-dashboard-reference-clone .stats-grid{
  height:112px!important;
  min-height:112px!important;
  gap:12px!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-card{
  position:relative!important;
  height:112px!important;
  min-height:112px!important;
  padding:18px!important;
  grid-template-columns:58px minmax(0,1fr) 112px!important;
  grid-template-rows:1fr!important;
  column-gap:14px!important;
  align-items:center!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-icon{
  width:58px!important;
  height:58px!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-svg{
  width:42px!important;
  height:42px!important;
  filter:drop-shadow(0 0 12px currentColor)!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-copy{
  position:static!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  gap:4px!important;
  align-content:center!important;
  min-width:0!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-copy span{
  grid-column:1!important;
  grid-row:1!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  max-width:none!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-copy b{
  grid-column:1!important;
  grid-row:2!important;
  font-size:33px!important;
  line-height:1!important;
  font-weight:760!important;
  margin-top:4px!important;
}
/* Delta belongs to the graph, not to the number. */
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-copy small{
  position:absolute!important;
  left:auto!important;
  right:18px!important;
  bottom:15px!important;
  width:max-content!important;
  margin:0!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:820!important;
  white-space:nowrap!important;
  text-align:center!important;
  z-index:3!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-blue{--v489-kpi:85,166,255;--v489-kpi-solid:#55a6ff}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-purple{--v489-kpi:202,84,245;--v489-kpi-solid:#ca54f5}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-green{--v489-kpi:57,214,204;--v489-kpi-solid:#39d6cc}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-orange{--v489-kpi:243,160,59;--v489-kpi-solid:#f3a03b}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-copy small{
  color:var(--v489-kpi-solid)!important;
  border:1px solid rgba(var(--v489-kpi),.24)!important;
  background:rgba(var(--v489-kpi),.06)!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-line{
  grid-column:3!important;
  grid-row:1!important;
  position:relative!important;
  width:96px!important;
  height:42px!important;
  margin:0 0 17px!important;
  justify-self:end!important;
  align-self:center!important;
  overflow:visible!important;
  opacity:1!important;
  color:var(--v489-kpi-solid)!important;
  border-radius:10px!important;
  border:1px solid rgba(var(--v489-kpi),.030)!important;
  background:
    radial-gradient(circle at 88% 28%,rgba(var(--v489-kpi),.070),transparent 38%),
    linear-gradient(135deg,rgba(var(--v489-kpi),.028),rgba(var(--v489-kpi),.006))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.010)!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-line::before,
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-line::after{content:none!important;display:none!important}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-line svg{
  position:absolute!important;
  inset:6px 5px 5px 5px!important;
  width:86px!important;
  height:31px!important;
  overflow:visible!important;
  filter:drop-shadow(0 0 4px rgba(var(--v489-kpi),.26))!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-line polyline{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .stat-line circle{
  fill:currentColor!important;
  stroke:rgba(226,244,255,.82)!important;
  stroke-width:1.1!important;
  vector-effect:non-scaling-stroke!important;
  filter:drop-shadow(0 0 4px currentColor)!important;
}

/* Workspace: keep the later readable company row, but restore the accepted compact header
   and thin stage ribbon. This is the hybrid owner accepted in v15.471. */
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-workspace{
  padding:15px 14px 17px!important;
  gap:10px!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-workspace-head{
  position:relative!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 1px!important;
  align-items:flex-start!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-workspace-head .hero-kicker{
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  margin:0 0 5px!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-workspace-head h2{
  font-size:25px!important;
  line-height:1.08!important;
  font-weight:620!important;
  letter-spacing:-.025em!important;
  margin:0!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v400-workspace-actions{
  position:absolute!important;
  top:0!important;
  right:0!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v400-workspace-actions button,
body.eq-dashboard-page.v401-dashboard-reference-clone .v400-workspace-actions a{
  min-height:54px!important;
  height:54px!important;
  padding:0 22px!important;
  border-radius:12px!important;
  font-size:14px!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-company-bar{
  height:70px!important;
  min-height:70px!important;
  padding:10px 14px!important;
  gap:14px!important;
  font-size:16px!important;
  align-items:center!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-company-button{
  height:48px!important;
  min-height:48px!important;
  min-width:238px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  font-size:16px!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-company-stats{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin:0!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-company-stats>span{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:700!important;
  color:#e9f1ff!important;
  white-space:nowrap!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-flow{
  gap:10px!important;
  margin-top:0!important;
  align-items:stretch!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-flow a{
  height:40px!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-flow a b{
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-flow a span{
  margin-left:auto!important;
  padding:0!important;
  font-size:11.5px!important;
  line-height:1!important;
  text-align:right!important;
  white-space:nowrap!important;
}

/* Keep v15.487 semantic wording. Only geometry is recovered. */
body.eq-dashboard-page.v401-dashboard-reference-clone .v369-flow a:nth-child(4) span{white-space:nowrap!important}

@media(max-width:1480px) and (min-width:901px){
  body.eq-dashboard-page.v401-dashboard-reference-clone .stat-card{
    grid-template-columns:52px minmax(0,1fr) 96px!important;
    padding:16px!important;
  }
  body.eq-dashboard-page.v401-dashboard-reference-clone .stat-icon{width:52px!important;height:52px!important}
  body.eq-dashboard-page.v401-dashboard-reference-clone .stat-svg{width:38px!important;height:38px!important}
  body.eq-dashboard-page.v401-dashboard-reference-clone .stat-line{width:86px!important}
  body.eq-dashboard-page.v401-dashboard-reference-clone .stat-line svg{width:76px!important}
  body.eq-dashboard-page.v401-dashboard-reference-clone .stat-copy small{right:16px!important}
}

/* REG-0267 — owner v15.471 graph fidelity: lighter chart glass and finer line, while keeping the already accepted delta directly below each graph. */