/* PR2.3 hiring reference layout fixes: UI only */
body.hiring-mode{background:#f7f9fd;color:#111827}
body.hiring-mode .dashboard{display:flex!important;min-height:100vh;background:radial-gradient(1200px 520px at 72% -18%,rgba(37,99,235,.08),transparent 60%),#f7f9fd!important}
body.hiring-mode .sidebar{display:block!important;position:relative!important;flex:0 0 var(--side-w);width:var(--side-w);min-width:var(--side-w)}
body.hiring-mode .sidebar.collapsed{flex-basis:var(--side-collapsed);width:var(--side-collapsed);min-width:var(--side-collapsed)}
body.hiring-mode .main{flex:1!important;width:auto!important;min-width:0!important;padding:26px 32px 34px!important}
body.hiring-mode .screen-root{width:100%}
.hiring-screen{gap:22px;max-width:none;margin:0;color:#111827}

/* Funnel analytics: no extra frame, compact header, toggle under title */
.funnel-analytics{position:relative;padding:18px 22px 22px!important;border:0!important;box-shadow:0 16px 36px rgba(15,23,42,.045)!important;background:#fff!important}
.funnel-analytics:before,.funnel-analytics:after,.analytics-title-row:before,.analytics-title-row:after{content:none!important;display:none!important}
.analytics-title-row{display:block!important;position:relative!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.analytics-title-row h2{margin:0!important;font-size:18px!important;line-height:1.2!important;font-weight:800!important;color:#111827!important;letter-spacing:-.03em!important}
.analytics-title-row p{display:none!important}
.analytics-toggle{position:static!important;margin:7px 0 0 28px!important;height:auto!important;min-height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;border:0!important;background:transparent!important;color:#2563eb!important;border-radius:0!important;padding:0!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;cursor:pointer!important;box-shadow:none!important}
.analytics-toggle:after{margin-left:4px!important}
.analytics-body{margin-top:12px!important;border:0!important;box-shadow:none!important;background:transparent!important}
.funnel-analytics.collapsed{padding:18px 22px 18px!important;border:0!important}
.funnel-analytics.collapsed .analytics-body{display:none!important}

/* Last candidates panel: restore compact title -> filters rhythm */
.candidates-panel{overflow:hidden;padding:0!important}
.candidates-panel .panel-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding:22px 24px 8px!important;margin:0!important;border:0!important}
.candidates-panel .panel-top h2{margin:0!important;font-size:19px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.035em!important;color:#111827!important}
.candidates-panel .panel-top>a,.candidates-panel .panel-top .panel-actions>a{font-size:13px!important;font-weight:800!important;color:#2563eb!important;text-decoration:none!important;white-space:nowrap!important;margin-top:2px!important}
.candidates-panel .panel-actions{display:block!important;min-width:auto!important;margin:0!important}

.hiring-screen .hiring-filter-card{display:grid!important;grid-template-columns:auto auto minmax(210px,1fr)!important;align-items:center!important;column-gap:12px!important;row-gap:10px!important;padding:10px 24px 18px!important;background:#fff!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
.hiring-screen .hiring-filter-card .filter-row{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hiring-screen .hiring-filter-card .filter-row:first-child{grid-column:1!important;min-width:max-content!important}
.hiring-screen .hiring-filter-card .date-row{grid-column:2!important;min-width:0!important;justify-self:start!important}
.hiring-screen .hiring-filter-card label{display:block!important;margin:0!important}
.hiring-screen .hiring-filter-card label span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.hiring-screen .hiring-filter-card select,.hiring-screen .date-chip{height:38px!important;border:1px solid #dbe3ef!important;border-radius:10px!important;background:#fff!important;color:#0f172a!important;padding:0 14px!important;font-family:Manrope,'Segoe UI',sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:38px!important;outline:none!important;box-shadow:none!important;cursor:pointer!important}
.hiring-screen .hiring-filter-card select{min-width:188px!important;padding-right:34px!important}
.hiring-screen .hiring-filter-card #hiringPageSize{min-width:118px!important}
.hiring-screen .date-chip{min-width:auto!important;white-space:nowrap!important}
.hiring-screen .date-chip.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 8px 16px rgba(37,99,235,.16)!important}
.hiring-screen .custom-date-range{height:38px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;padding:0 10px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.hiring-screen .custom-date-range[hidden]{display:none!important}
.hiring-screen .custom-date-range input{height:30px;border:0;background:transparent;color:#0f172a;font-weight:700;outline:none}

/* Search result block: same vertical line as filters */
.hiring-screen .filter-total{grid-column:3!important;justify-self:end!important;align-self:center!important;margin:0!important;height:38px!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;position:static!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;white-space:nowrap!important;min-width:210px!important}
.hiring-screen .filter-total:before{content:none!important}
.hiring-screen .filter-total span{display:flex!important;align-items:center!important;font-size:18px!important;font-weight:800!important;line-height:1!important;color:#111827!important;letter-spacing:-.035em!important;margin:0!important;padding:0!important;height:38px!important}
.hiring-screen .filter-total small{display:none!important}
.hiring-screen .search-chip{width:38px!important;height:38px!important;min-width:38px!important;border:1px solid #dbe8fb!important;border-radius:10px!important;background:#f8fbff!important;color:#2563eb!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(37,99,235,.08)!important;font-size:20px!important;cursor:pointer!important;line-height:1!important;margin:0!important;padding:0!important}

.table-scroll{border-top:1px solid #edf2f8!important}
.candidates-table th{font-family:Manrope,'Segoe UI',sans-serif!important;font-size:11px!important;font-weight:800!important;color:#7b8ba3!important;background:#f8fafc!important}
.candidates-table td{font-family:Manrope,'Segoe UI',sans-serif!important;font-size:13px!important;font-weight:700!important;color:#162033!important}

/* PR2.3 visual refinement: candidate column, analytics title icon, sidebar shell, KPI alignment */
body.hiring-mode{--side-w:300px;--side-collapsed:88px}
body.hiring-mode .dashboard{gap:22px!important;padding-left:18px!important;background:radial-gradient(980px 520px at 75% -15%,rgba(37,99,235,.08),transparent 60%),#f7f9fd!important}
body.hiring-mode .main{padding:24px 30px 34px 0!important}
body.hiring-mode .sidebar{height:calc(100vh - 36px)!important;align-self:flex-start!important;position:sticky!important;top:18px!important;margin:18px 0!important;padding:26px 20px 118px!important;background:rgba(238,246,255,.88)!important;border:1px solid rgba(190,212,239,.74)!important;border-radius:28px!important;box-shadow:0 26px 72px rgba(52,93,143,.14),inset 0 1px 0 rgba(255,255,255,.82)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;overflow:visible!important}
body.hiring-mode .sidebar-toggle{right:-18px!important;top:24px!important;width:40px!important;height:40px!important;border-radius:12px!important;border:1px solid #d9e8fb!important;background:rgba(255,255,255,.92)!important;color:#2563eb!important;box-shadow:0 12px 28px rgba(31,115,224,.16)!important;display:grid!important;place-items:center!important;font-size:24px!important;line-height:1!important;z-index:20!important}
body.hiring-mode .brand{margin:8px 0 38px!important;gap:16px!important;align-items:center!important}
body.hiring-mode .truck{width:62px!important;height:62px!important;border-radius:18px!important;background:rgba(255,255,255,.82)!important;border:1px solid #dbeafe!important;box-shadow:0 14px 32px rgba(31,115,224,.1)!important;color:#2563eb!important;font-size:0!important;position:relative!important;overflow:hidden!important}
body.hiring-mode .truck:before{content:''!important;width:22px!important;height:12px!important;border-radius:2px!important;background:linear-gradient(135deg,#1d4ed8,#38bdf8)!important;transform:skewX(-18deg)!important;display:block!important}
body.hiring-mode .brand-title{font-size:26px!important;line-height:1!important;letter-spacing:-.055em!important;color:#0f172a!important}
body.hiring-mode .brand-sub{font-size:14px!important;color:#687b98!important;margin-top:8px!important;font-weight:600!important}
body.hiring-mode .section-title{font-size:12px!important;line-height:1!important;letter-spacing:.03em!important;color:#7b8da9!important;margin:0 0 14px 8px!important;font-weight:800!important}
body.hiring-mode .nav-group{margin-bottom:28px!important}
body.hiring-mode .nav-item{min-height:54px!important;padding:0 14px!important;border-radius:16px!important;gap:16px!important;color:#526886!important;margin:7px 0!important;background:transparent!important;box-shadow:none!important;transform:none!important;border:1px solid transparent!important}
body.hiring-mode .nav-item span{width:30px!important;min-width:30px!important;text-align:center!important;font-size:21px!important;color:#6d83a5!important}
body.hiring-mode .nav-item b{font-size:16px!important;line-height:1!important;font-weight:700!important;color:inherit!important}
body.hiring-mode .nav-item:hover,body.hiring-mode .nav-item.active{background:rgba(232,244,255,.9)!important;border-color:#cfe4ff!important;color:#075ecb!important;box-shadow:0 14px 32px rgba(31,115,224,.08),inset 0 0 0 1px rgba(255,255,255,.65)!important}
body.hiring-mode .nav-item.active:before{left:-1px!important;top:11px!important;bottom:11px!important;width:4px!important;background:#2563eb!important;border-radius:999px!important;opacity:1!important;transform:scaleY(1)!important}
body.hiring-mode .profile{left:20px!important;right:20px!important;bottom:24px!important;border-radius:22px!important;background:rgba(255,255,255,.76)!important;border:1px solid #dbeafe!important;box-shadow:0 16px 38px rgba(31,115,224,.11)!important}
body.hiring-mode .sidebar.collapsed{padding:28px 15px 108px!important;display:flex!important;flex-direction:column!important;align-items:center!important}
body.hiring-mode .sidebar.collapsed .brand{width:100%!important;display:flex!important;justify-content:center!important;margin:8px 0 34px!important}
body.hiring-mode .sidebar.collapsed .truck{width:58px!important;height:58px!important;border-radius:50%!important;background:#fff!important}
body.hiring-mode .sidebar.collapsed .brand>div:not(.truck),body.hiring-mode .sidebar.collapsed .section-title,body.hiring-mode .sidebar.collapsed .nav-item b,body.hiring-mode .sidebar.collapsed .badge.yellow{display:none!important}
body.hiring-mode .sidebar.collapsed nav{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
body.hiring-mode .sidebar.collapsed .nav-group{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;margin:0 0 12px!important;gap:8px!important}
body.hiring-mode .sidebar.collapsed .nav-item{width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:rgba(255,255,255,.48)!important;border:1px solid rgba(215,229,248,.86)!important;box-shadow:0 10px 26px rgba(31,82,136,.06),inset 0 1px 0 rgba(255,255,255,.72)!important;margin:0!important;position:relative!important}
body.hiring-mode .sidebar.collapsed .nav-item span{width:auto!important;min-width:0!important;font-size:20px!important;line-height:1!important;color:#647997!important}
body.hiring-mode .sidebar.collapsed .nav-item:hover,body.hiring-mode .sidebar.collapsed .nav-item.active{background:#e8f4ff!important;border-color:#cfe4ff!important;box-shadow:0 14px 30px rgba(31,115,224,.13)!important}
body.hiring-mode .sidebar.collapsed .nav-item.active span{color:#2563eb!important}
body.hiring-mode .sidebar.collapsed .nav-item.active:before{left:-7px!important;top:10px!important;bottom:10px!important;width:4px!important;background:#2563eb!important}
body.hiring-mode .sidebar.collapsed .badge.red{position:absolute!important;right:9px!important;top:8px!important;width:7px!important;height:7px!important;min-width:7px!important;padding:0!important;border-radius:50%!important;background:#ef4444!important;color:transparent!important;font-size:0!important;box-shadow:0 0 0 3px rgba(255,255,255,.9)!important}
body.hiring-mode .sidebar.collapsed .profile{width:46px!important;height:46px!important;left:50%!important;right:auto!important;bottom:24px!important;transform:translateX(-50%)!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#fff!important}
body.hiring-mode .sidebar.collapsed .profile:before{content:'⌂'!important;color:#2563eb!important;font-size:24px!important;font-weight:900!important;line-height:1!important}
body.hiring-mode .sidebar.collapsed .profile>*{display:none!important}
body.hiring-mode .sidebar.collapsed:after{content:''!important;position:absolute!important;left:22px!important;right:22px!important;bottom:86px!important;height:1px!important;background:#dbeafe!important}
body.hiring-mode .sidebar.collapsed .sidebar-toggle{right:-19px!important;top:36px!important}
.analytics-title-row h2 i{width:21px!important;height:21px!important;border-radius:0!important;background-color:transparent!important;background-repeat:no-repeat!important;background-size:21px 21px!important;background-position:center!important;box-shadow:none!important;display:inline-block!important;flex:0 0 21px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M8 32V18' stroke='%232563eb' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M19 32V10' stroke='%232563eb' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M30 32V23' stroke='%232563eb' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M7 34h27' stroke='%2393c5fd' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")!important}
.analytics-toggle{font-weight:600!important;color:#2563eb!important;margin-left:28px!important}
.analytics-toggle:after,.funnel-analytics.collapsed .analytics-toggle:after{content:none!important;display:none!important}
.analytics-body{margin-top:8px!important}
.funnel-analytics:not(.collapsed){padding-bottom:18px!important}
.candidates-table th:first-child,.candidates-table td:first-child{padding-left:24px!important}
.candidates-table td:first-child{min-width:205px!important}
.hire-kpi.green div{transform:translateY(5px)!important}
.hire-kpi.green small{margin-top:2px!important}
.hire-kpi span{line-height:18px!important}

@media(max-width:1420px){
  .hiring-screen .hiring-filter-card{grid-template-columns:auto auto!important}
  .hiring-screen .filter-total{grid-column:1 / -1!important;justify-self:end!important}
}
@media(max-width:980px){
  body.hiring-mode .main{padding:18px!important}
  body.hiring-mode .sidebar{display:none!important}
  .hiring-screen .hiring-filter-card{display:flex!important;flex-wrap:wrap!important;padding:8px 18px 16px!important}
  .hiring-screen .hiring-filter-card .filter-row,.hiring-screen .hiring-filter-card .date-row{flex-wrap:wrap!important}
  .hiring-screen .filter-total{justify-content:flex-start!important;justify-self:start!important}
  .analytics-toggle{margin-left:28px!important}
}