/* EQ v15.371 — premium HR workspace refinement.
   Focus: useful first viewport, full hero artwork, aligned KPI, compact master-detail. */

/* Hero: approved artwork is a complete object. Never crop it. Image moves to the left. */
.eq-dashboard-page.v371-dashboard-premium .hero-panel{
  height:178px!important;min-height:178px!important;
  grid-template-columns:310px minmax(0,1fr)!important;
  grid-template-areas:'visual copy'!important;
  gap:24px!important;padding:8px 18px!important;border-radius:20px!important;
}
.eq-dashboard-page.v371-dashboard-premium .hero-visual,
.eq-dashboard-page.v371-dashboard-premium .hero-visual.is-male,
.eq-dashboard-page.v371-dashboard-premium .hero-visual.is-female{
  grid-area:visual!important;width:300px!important;height:169px!important;aspect-ratio:1672/941!important;
  justify-self:start!important;align-self:center!important;overflow:hidden!important;border-radius:17px!important;
}
.eq-dashboard-page.v371-dashboard-premium .hero-image-underlay{
  inset:0!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;
  transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;
}
.eq-dashboard-page.v371-dashboard-premium .hero-copy{grid-area:copy!important;align-self:center!important;padding:0!important}
.eq-dashboard-page.v371-dashboard-premium .hero-copy .hero-kicker{font-size:11px!important;margin-bottom:5px!important}
.eq-dashboard-page.v371-dashboard-premium .hero-copy h1{font-size:31px!important;line-height:1.02!important;margin:0 0 8px!important;max-width:760px!important}
.eq-dashboard-page.v371-dashboard-premium .hero-copy p{font-size:14px!important;line-height:1.38!important;max-width:780px!important}

/* KPI: same height, larger icon and text, strict baseline alignment. */
.eq-dashboard-page.v371-dashboard-premium .stats-grid{gap:10px!important}
.eq-dashboard-page.v371-dashboard-premium .stat-card{
  height:82px!important;min-height:82px!important;padding:8px 13px!important;border-radius:15px!important;
  display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;
}
.eq-dashboard-page.v371-dashboard-premium .stat-icon{width:50px!important;height:50px!important;border-radius:13px!important;align-self:center!important}
.eq-dashboard-page.v371-dashboard-premium .stat-svg{width:27px!important;height:27px!important}
.eq-dashboard-page.v371-dashboard-premium .stat-copy{height:56px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:1px!important}
.eq-dashboard-page.v371-dashboard-premium .stat-copy span{grid-column:1!important;grid-row:1!important;font-size:15.5px!important;line-height:1.08!important;font-weight:760!important;align-self:end!important}
.eq-dashboard-page.v371-dashboard-premium .stat-copy b{grid-column:2!important;grid-row:1/3!important;font-size:36px!important;line-height:1!important;margin:0!important;align-self:center!important}
.eq-dashboard-page.v371-dashboard-premium .stat-copy small{grid-column:1!important;grid-row:2!important;font-size:12.3px!important;line-height:1.08!important;margin:0!important;align-self:start!important}
.eq-dashboard-page.v371-dashboard-premium .stat-line{height:4px!important;left:13px!important;right:13px!important;bottom:6px!important}

/* Workspace header is only a label; all controls live in the company row. */
.eq-dashboard-page.v371-dashboard-premium .v369-workspace{padding:10px 12px 12px!important;gap:7px!important;border-radius:18px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-workspace-head{min-height:32px!important;height:32px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-workspace-head .hero-kicker{font-size:8.7px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-workspace-head h2{font-size:21px!important}

.eq-dashboard-page.v371-dashboard-premium .v369-company-bar{height:42px!important;min-height:42px!important;padding:4px 6px!important;border-radius:11px!important;gap:6px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-company-button{height:32px!important;min-width:190px!important;font-size:12.2px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-company-mark{width:23px!important;height:23px!important;flex-basis:23px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-company-stats>span{padding:0 8px!important;font-size:12.2px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-company-stats b{font-size:13.4px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-new-vacancy{height:32px!important;min-height:32px!important;padding:0 13px!important;font-size:12.3px!important}

/* Four stages: one clean line, no nested pills, readable text. */
.eq-dashboard-page.v371-dashboard-premium .v369-flow{gap:7px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-flow a{
  height:39px!important;min-height:39px!important;padding:0 12px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
}
.eq-dashboard-page.v371-dashboard-premium .v369-flow a b{font-size:14.4px!important;line-height:1!important;white-space:nowrap!important}
.eq-dashboard-page.v371-dashboard-premium .v369-flow a span{
  display:block!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;
  font-size:12.2px!important;line-height:1!important;color:#eef5fb!important;opacity:.94!important;white-space:nowrap!important
}
.eq-dashboard-page.v371-dashboard-premium .v369-flow a:nth-child(1){background:linear-gradient(135deg,rgba(143,83,224,.64),rgba(80,64,145,.70))!important;border-color:rgba(195,142,255,.35)!important}
.eq-dashboard-page.v371-dashboard-premium .v369-flow a:nth-child(2){background:linear-gradient(135deg,rgba(36,151,201,.62),rgba(29,88,130,.74))!important;border-color:rgba(76,203,242,.33)!important}
.eq-dashboard-page.v371-dashboard-premium .v369-flow a:nth-child(3){background:linear-gradient(135deg,rgba(185,112,53,.62),rgba(104,72,50,.74))!important;border-color:rgba(240,164,90,.32)!important}
.eq-dashboard-page.v371-dashboard-premium .v369-flow a:nth-child(4){background:linear-gradient(135deg,rgba(38,157,103,.62),rgba(29,91,75,.74))!important;border-color:rgba(69,211,142,.32)!important}

/* Master-detail stays visible in the first viewport. */
.eq-dashboard-page.v371-dashboard-premium .v369-master-detail{grid-template-columns:248px minmax(0,1fr)!important;gap:7px!important;min-height:252px!important;max-height:252px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-vacancy-pane,.eq-dashboard-page.v371-dashboard-premium .v369-candidate-pane{border-radius:12px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-pane-head{height:36px!important;padding:0 10px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-pane-head b{font-size:12.5px!important}.eq-dashboard-page.v371-dashboard-premium .v369-pane-head span{font-size:9.6px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-vacancy-list{max-height:216px!important;padding:5px!important;gap:4px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-vacancy-item{min-height:40px!important;padding:5px 7px!important;border-radius:8px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-vacancy-copy b{font-size:12.3px!important}.eq-dashboard-page.v371-dashboard-premium .v369-vacancy-copy small{font-size:9.2px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-selected-vacancy{height:43px!important;min-height:43px!important;padding:5px 8px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-selected-title h3{font-size:15px!important}.eq-dashboard-page.v371-dashboard-premium .v369-selected-title p{font-size:10.2px!important;margin-top:2px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-vacancy-action{height:30px!important;min-height:30px!important;padding:0 9px!important;font-size:11px!important;border-radius:7px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-candidate-list{max-height:209px!important;padding:5px!important;gap:4px!important}
.eq-dashboard-page.v371-dashboard-premium .v369-candidate-row{
  min-height:42px!important;padding:5px 6px!important;border-radius:8px!important;
  grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;
}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-summary{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-summary .candidate-main{display:flex!important;align-items:baseline!important;gap:7px!important;min-width:145px!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-summary .candidate-main b{font-size:13.4px!important;color:#f4f8ff!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-summary .candidate-main small{font-size:10px!important;color:#9eb5cc!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-status{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important;font-size:11.1px!important;color:#c9d8e8!important;overflow:hidden!important;text-overflow:ellipsis!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#6d8fae;box-shadow:0 0 8px rgba(109,143,174,.28);flex:0 0 6px}
.eq-dashboard-page.v371-dashboard-premium .report-ready .v371-candidate-status:before{background:#45d3a0;box-shadow:0 0 9px rgba(69,211,160,.38)}
.eq-dashboard-page.v371-dashboard-premium .candidate-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;white-space:nowrap!important}
.eq-dashboard-page.v371-dashboard-premium .candidate-actions a,.eq-dashboard-page.v371-dashboard-premium .candidate-actions button{height:29px!important;min-height:29px!important;padding:0 8px!important;border-radius:7px!important;font-size:10.5px!important}
.eq-dashboard-page.v371-dashboard-premium .candidate-actions .candidate-report-link{height:31px!important;min-height:31px!important;padding:0 12px!important;font-size:11.2px!important;font-weight:850!important}

/* One compact theme control. */
.eq-dashboard-page.v371-dashboard-premium .eq-theme-floating,.eq-register-page.v371-register-premium .eq-theme-floating{min-width:80px!important;height:37px!important;padding:0 8px!important;border-radius:12px!important}

/* Register pages: denser and resilient cached state. */
.eq-register-page.v371-register-premium .register-shell{padding:16px!important;border-radius:19px!important}
.eq-register-page.v371-register-premium .register-head{margin-bottom:11px!important}
.eq-register-page.v371-register-premium .register-head h1{font-size:28px!important}
.eq-register-page.v371-register-premium .register-row{min-height:54px!important;padding:7px 9px!important}
.eq-register-page.v371-register-premium .register-empty.is-cached{border-style:solid!important;background:rgba(37,67,97,.25)!important;color:#a9bfd4!important}

@media(max-height:900px) and (min-width:1000px){
  .eq-dashboard-page.v371-dashboard-premium .hero-panel{height:168px!important;min-height:168px!important;grid-template-columns:292px minmax(0,1fr)!important}
  .eq-dashboard-page.v371-dashboard-premium .hero-visual,.eq-dashboard-page.v371-dashboard-premium .hero-visual.is-male,.eq-dashboard-page.v371-dashboard-premium .hero-visual.is-female{width:282px!important;height:159px!important}
  .eq-dashboard-page.v371-dashboard-premium .hero-copy h1{font-size:29px!important}
  .eq-dashboard-page.v371-dashboard-premium .stat-card{height:78px!important;min-height:78px!important}
  .eq-dashboard-page.v371-dashboard-premium .v369-master-detail{min-height:242px!important;max-height:242px!important}
  .eq-dashboard-page.v371-dashboard-premium .v369-vacancy-list{max-height:206px!important}
  .eq-dashboard-page.v371-dashboard-premium .v369-candidate-list{max-height:199px!important}
}
@media(max-width:1120px){
  .eq-dashboard-page.v371-dashboard-premium .hero-panel{grid-template-columns:270px minmax(0,1fr)!important}
  .eq-dashboard-page.v371-dashboard-premium .hero-visual,.eq-dashboard-page.v371-dashboard-premium .hero-visual.is-male,.eq-dashboard-page.v371-dashboard-premium .hero-visual.is-female{width:260px!important;height:146px!important}
  .eq-dashboard-page.v371-dashboard-premium .v369-flow a span{display:none!important}
}
@media(max-width:820px){
  .eq-dashboard-page.v371-dashboard-premium .hero-panel{height:auto!important;grid-template-columns:1fr!important;grid-template-areas:'visual' 'copy'!important}
  .eq-dashboard-page.v371-dashboard-premium .hero-visual{justify-self:center!important}
  .eq-dashboard-page.v371-dashboard-premium .v369-master-detail{grid-template-columns:1fr!important;max-height:none!important}
}

/* Register pages must not let CSS Grid stretch two rows across the entire viewport. */
.eq-register-page.v371-register-premium .eq-main{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;
  gap:14px!important;padding-bottom:30px!important;
}
.eq-register-page.v371-register-premium .eq-topbar{flex:0 0 auto!important;min-height:64px!important}
.eq-register-page.v371-register-premium .register-shell{flex:0 0 auto!important;margin:0!important}

/* 12.08 screenshot audit closeout: KPI typography must dominate the surface, not disappear inside it. */
.eq-dashboard-page.v371-dashboard-premium .stat-card{
  height:84px!important;min-height:84px!important;grid-template-columns:56px minmax(0,1fr)!important;gap:13px!important;
}
.eq-dashboard-page.v371-dashboard-premium .stat-icon{width:54px!important;height:54px!important;border-radius:14px!important}
.eq-dashboard-page.v371-dashboard-premium .stat-svg{width:31px!important;height:31px!important}
.eq-dashboard-page.v371-dashboard-premium .stat-copy{height:60px!important}
.eq-dashboard-page.v371-dashboard-premium .stat-copy span{font-size:17px!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-.018em!important}
.eq-dashboard-page.v371-dashboard-premium .stat-copy b{font-size:39px!important;line-height:.94!important}
.eq-dashboard-page.v371-dashboard-premium .stat-copy small{font-size:12.8px!important;font-weight:720!important;color:#d7e4f2!important}

/* Candidate = one compact information row. No empty middle columns and no nested card maze. */
.eq-dashboard-page.v371-dashboard-premium .v369-candidate-row{
  min-height:48px!important;padding:5px 7px!important;
  display:grid!important;grid-template-columns:minmax(150px,1.05fr) minmax(195px,1.25fr) minmax(220px,1.4fr) auto!important;
  gap:10px!important;align-items:center!important;
}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-cell{min-width:0!important;display:flex!important;align-items:baseline!important;gap:7px!important;white-space:nowrap!important;overflow:hidden!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-cell b,.eq-dashboard-page.v371-dashboard-premium .v371-candidate-cell span,.eq-dashboard-page.v371-dashboard-premium .v371-candidate-cell small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-identity b{font-size:13.8px!important;color:#f5f9ff!important;font-weight:830!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-identity small{font-size:10.4px!important;color:#9fb5cc!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-state span{font-size:11.8px!important;color:#dbe8f6!important;font-weight:760!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-state small{font-size:10px!important;color:#89a4bf!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-next span{font-size:9.8px!important;text-transform:uppercase!important;letter-spacing:.045em!important;color:#7f9ab5!important;font-weight:800!important}
.eq-dashboard-page.v371-dashboard-premium .v371-candidate-next b{font-size:11.7px!important;color:#dbe8f6!important;font-weight:720!important}
.eq-dashboard-page.v371-dashboard-premium .candidate-actions{gap:6px!important}

.eq-register-page.v371-register-premium .v371-register-retry{display:grid!important;place-items:center!important;gap:8px!important;padding:30px!important;text-align:center!important}
.eq-register-page.v371-register-premium .v371-register-retry b{font-size:18px!important;color:#eff6ff!important}
.eq-register-page.v371-register-premium .v371-register-retry span{font-size:13px!important;color:#a9bfd4!important}
.eq-register-page.v371-register-premium .v371-register-retry button{height:36px!important;padding:0 15px!important;border-radius:10px!important;border:1px solid rgba(90,177,255,.30)!important;background:linear-gradient(135deg,rgba(56,109,221,.82),rgba(47,171,190,.74))!important;color:#fff!important;font-weight:800!important;cursor:pointer!important}

@media(max-width:1280px){
  .eq-dashboard-page.v371-dashboard-premium .v369-candidate-row{grid-template-columns:minmax(145px,1fr) minmax(170px,1.1fr) minmax(180px,1.2fr) auto!important;gap:7px!important}
  .eq-dashboard-page.v371-dashboard-premium .v371-candidate-next b{font-size:11px!important}
}
@media(max-width:1050px){
  .eq-dashboard-page.v371-dashboard-premium .v371-candidate-next{display:none!important}
  .eq-dashboard-page.v371-dashboard-premium .v369-candidate-row{grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) auto!important}
}