/* EQ v15.400 — responsive approved hero + lighter decision cockpit + evaluation channels. */
body.eq-dashboard-page.v400-dashboard-flow .hero-panel{
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:3408 / 724!important;overflow:hidden!important;background:#071a35!important;
}
body.eq-dashboard-page.v400-dashboard-flow .hero-visual,
body.eq-dashboard-page.v400-dashboard-flow .hero-visual.is-female,
body.eq-dashboard-page.v400-dashboard-flow .hero-visual.is-male{position:absolute!important;inset:0!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;justify-self:stretch!important;align-self:stretch!important;border-radius:inherit!important}
body.eq-dashboard-page.v400-dashboard-flow .hero-image-underlay{
  inset:0!important;width:100%!important;height:100%!important;
  background-image:url('../../assets/images/hr-personas/hr-hero-female-v399-approved-scene.png')!important;
  background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;
  transform:none!important;filter:none!important;opacity:1!important;
}
body.eq-dashboard-page.v400-dashboard-flow .hero-image-vignette{
  display:block!important;inset:0!important;
  background:
    linear-gradient(90deg,rgba(5,17,39,.96) 0%,rgba(5,17,39,.92) 13%,rgba(6,20,43,.77) 25%,rgba(7,23,49,.43) 35%,rgba(7,23,49,.14) 44%,transparent 54%),
    linear-gradient(180deg,rgba(2,10,25,.02),transparent 78%,rgba(2,10,25,.075))!important;
}
body.eq-dashboard-page.v400-dashboard-flow .hero-copy{width:520px!important;max-width:41%!important;padding:27px 0 22px 27px!important}
body.eq-dashboard-page.v400-dashboard-flow .hero-copy h1{font-size:30px!important;max-width:485px!important}
body.eq-dashboard-page.v400-dashboard-flow .hero-copy>p:not(.hero-kicker){max-width:475px!important;font-size:13.7px!important}
body.eq-dashboard-page.v400-dashboard-flow .hero-panel.v397-scene-hidden{aspect-ratio:auto!important;height:124px!important;min-height:124px!important}

/* KPI: thinner, but labels remain more readable. */
body.eq-dashboard-page.v400-dashboard-flow .stats-grid{height:80px!important;min-height:80px!important;gap:10px!important}
body.eq-dashboard-page.v400-dashboard-flow .stat-card{
  height:80px!important;min-height:80px!important;padding:8px 11px!important;border-radius:15px!important;
  grid-template-columns:48px minmax(0,1fr) 72px!important;column-gap:10px!important;
}
body.eq-dashboard-page.v400-dashboard-flow .stat-icon{width:46px!important;height:46px!important;border-radius:13px!important;margin-top:0!important;align-self:center!important}
body.eq-dashboard-page.v400-dashboard-flow .stat-copy{height:50px!important}
body.eq-dashboard-page.v400-dashboard-flow .stat-copy span{font-size:14px!important;line-height:1.05!important;max-width:145px!important}
body.eq-dashboard-page.v400-dashboard-flow .stat-copy b{font-size:33px!important}
body.eq-dashboard-page.v400-dashboard-flow .stat-copy small{left:11px!important;bottom:5px!important;width:48px!important;font-size:10.3px!important}
body.eq-dashboard-page.v400-dashboard-flow .stat-line{width:72px!important;height:27px!important;margin-bottom:5px!important}

/* Workspace: lighter surfaces, content-driven height instead of a dark empty box. */
body.eq-dashboard-page.v400-dashboard-flow .v369-workspace{
  padding:9px 12px 11px!important;gap:7px!important;border-radius:17px!important;
  background:linear-gradient(180deg,rgba(8,27,51,.62),rgba(7,22,44,.69))!important;
  border-color:rgba(121,159,220,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 10px 24px rgba(2,9,24,.055)!important;
}
body.eq-dashboard-page.v400-dashboard-flow .v369-workspace-head{height:34px!important;min-height:34px!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-workspace-head h2{font-size:20px!important;line-height:1.06!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-company-bar{height:38px!important;min-height:38px!important;background:linear-gradient(90deg,rgba(35,68,105,.43),rgba(20,49,84,.30),rgba(31,83,99,.18))!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-flow a{height:38px!important;min-height:38px!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-master-detail{min-height:0!important;max-height:none!important;height:auto!important;align-items:start!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-vacancy-pane{height:184px!important;min-height:184px!important;max-height:184px!important;background:linear-gradient(180deg,rgba(19,46,73,.54),rgba(13,35,61,.58))!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-vacancy-list{max-height:150px!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-candidate-pane{min-height:0!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-selected-vacancy{background:linear-gradient(90deg,rgba(25,56,87,.42),rgba(18,42,74,.26))!important;border-color:rgba(126,170,218,.12)!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-candidate-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:124px!important;
  gap:7px!important;max-height:255px!important;padding:7px 0 0!important;align-content:start!important;
}
body.eq-dashboard-page.v400-dashboard-flow .v374-candidate-card{height:124px!important;min-height:124px!important;padding:10px!important;gap:6px!important}
body.eq-dashboard-page.v400-dashboard-flow .v369-pane-empty.compact{min-height:102px!important;height:auto!important;padding:20px!important;background:rgba(255,255,255,.018)!important;border:1px dashed rgba(120,163,216,.10)!important}

/* Candidate source / hard-skill context. */
.v400-source-badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;border:1px solid rgba(112,166,220,.15);background:rgba(56,96,139,.16);color:#a9bfd8;font-size:8.8px;font-weight:760;white-space:nowrap}
.v400-source-badge.shortlist{color:#91e8cf;border-color:rgba(72,200,160,.18);background:rgba(48,153,126,.12)}
.v400-source-badge.public{color:#9fcaff;border-color:rgba(77,151,228,.18);background:rgba(47,106,166,.12)}

/* Evaluation channel modal. */
.v372-invite-modal.v400-channel-modal{width:min(940px,calc(100vw - 36px))!important;padding:0!important;overflow:hidden!important;background:linear-gradient(160deg,rgba(10,27,52,.98),rgba(8,20,42,.985))!important}
.v400-channel-modal .v372-invite-modal-head{padding:22px 24px 14px!important}
.v400-channel-intro{margin:0;padding:0 24px 17px;color:#b7c9e1;font-size:13px;line-height:1.55}
.v400-channel-intro b{color:#eef5ff}
.v400-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 18px}
.v372-channel-card{position:relative;display:flex;flex-direction:column;min-height:220px;padding:19px;border-radius:18px;border:1px solid rgba(125,169,226,.14);background:linear-gradient(145deg,rgba(31,59,94,.58),rgba(19,41,72,.44));text-align:left;color:#eef5ff;cursor:pointer}
.v372-channel-card.recommended{border-color:rgba(155,122,246,.24);background:linear-gradient(145deg,rgba(72,55,125,.56),rgba(26,47,79,.48))}
.v400-channel-badges{display:flex;align-items:center;gap:7px;margin-bottom:12px}
.v400-tech-badge,.v400-recommend-badge{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.025em;border:1px solid rgba(122,170,229,.18);color:#acd1f2;background:rgba(62,112,168,.14)}
.v400-recommend-badge{color:#dcc9ff;border-color:rgba(176,130,244,.22);background:rgba(133,78,215,.15)}
.v372-channel-card h4{margin:0 0 8px;font-size:18px;line-height:1.18;color:#f6f8ff}
.v372-channel-card p{margin:0;color:#b8c9df;font-size:12.5px;line-height:1.52}
.v372-channel-card .v400-channel-use{margin-top:11px;color:#8fa7c4;font-size:11px;line-height:1.45}
.v372-channel-action{margin-top:auto;padding-top:16px;color:#dbe9ff;font-size:12px;font-weight:800}
.v400-public-result,.v400-personal-form{margin:0 24px 18px;padding:15px;border-radius:16px;border:1px solid rgba(112,165,221,.14);background:rgba(20,44,77,.46)}
.v400-public-result.hidden,.v400-personal-form.hidden{display:none!important}
.v400-link-row{display:flex;gap:8px;align-items:center}.v400-link-row input{flex:1;min-width:0;height:40px;border-radius:11px;border:1px solid rgba(130,170,220,.17);background:rgba(6,20,42,.62);color:#eaf2ff;padding:0 11px;font-size:11px}
.v372-invite-copy,.v372-personal-create{height:40px;padding:0 15px;border-radius:11px;border:1px solid rgba(100,168,235,.22);background:linear-gradient(105deg,#466ff0,#3db8dd);color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.v400-personal-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v400-personal-fields label{display:grid;gap:6px;color:#b6c8df;font-size:10px;font-weight:700}.v400-personal-fields input{height:40px;border-radius:11px;border:1px solid rgba(130,170,220,.16);background:rgba(6,20,42,.58);color:#f1f6ff;padding:0 11px;outline:none}.v400-personal-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.v400-personal-status{font-size:11px;color:#9db4d0}
.v400-channel-manager{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 24px 20px;border-top:1px solid rgba(126,165,216,.10);color:#aebfd6;font-size:11.5px}.v400-channel-manager b{display:block;color:#e8f0ff;margin-bottom:3px}.v400-manager-link{height:36px;padding:0 13px;border-radius:10px;border:1px solid rgba(128,169,221,.16);display:inline-flex;align-items:center;color:#dce8f8;text-decoration:none;background:rgba(255,255,255,.03);white-space:nowrap}

@media(min-width:1850px){
  body.eq-dashboard-page.v400-dashboard-flow .hero-copy{width:580px!important;max-width:39%!important;padding-left:30px!important;padding-top:32px!important}
  body.eq-dashboard-page.v400-dashboard-flow .hero-copy h1{font-size:35px!important;max-width:560px!important}
  body.eq-dashboard-page.v400-dashboard-flow .hero-copy>p:not(.hero-kicker){font-size:15px!important;max-width:545px!important}
}
@media(max-width:1280px){body.eq-dashboard-page.v400-dashboard-flow .v369-candidate-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v400-channel-grid{grid-template-columns:1fr}}
@media(max-width:900px){body.eq-dashboard-page.v400-dashboard-flow .hero-panel{aspect-ratio:auto!important;height:250px!important;min-height:250px!important}.v400-personal-fields{grid-template-columns:1fr}}

/* Use otherwise empty candidate-grid space to reinforce the two EQ channels instead of showing a dead dark area. */
body.eq-dashboard-page.v400-dashboard-flow .v400-evaluation-hint{
  height:124px;min-height:124px;padding:13px 15px;border-radius:14px;text-align:left;cursor:pointer;
  border:1px dashed rgba(105,163,222,.18);color:#e7f1ff;
  background:linear-gradient(135deg,rgba(39,73,111,.26),rgba(55,49,108,.19) 58%,rgba(28,75,85,.15));
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body.eq-dashboard-page.v400-dashboard-flow .v400-evaluation-hint.span-2{grid-column:span 2}
body.eq-dashboard-page.v400-dashboard-flow .v400-evaluation-hint-kicker{font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:#82bfe8}
body.eq-dashboard-page.v400-dashboard-flow .v400-evaluation-hint b{font-size:13px;line-height:1.2}
body.eq-dashboard-page.v400-dashboard-flow .v400-evaluation-hint small{max-width:520px;color:#8fa9c2;font-size:9.5px;line-height:1.35}
body.eq-dashboard-page.v400-dashboard-flow .v400-evaluation-hint i{margin-top:3px;color:#bcd8f0;font-size:10px;font-style:normal;font-weight:800}
@media(max-width:1280px){body.eq-dashboard-page.v400-dashboard-flow .v400-evaluation-hint.span-2{grid-column:span 1}}