/* UI-only final polish for candidates filters and custom stage dropdown. */
body.hiring-mode #hiringControls .candidates-filters{
  align-items:center!important;
  gap:20px!important;
}
body.hiring-mode #hiringControls .filter-box,
#hiringControls .candidates-filters .filter-box,
.candidates-panel .candidates-filters .filter-box{
  border:1px solid rgba(207,218,235,.58)!important;
  border-bottom-color:rgba(109,124,148,.22)!important;
  box-shadow:0 3px 12px rgba(31,66,122,.012), inset 0 -1px 0 rgba(15,23,42,.026)!important;
  background:rgba(255,255,255,.96)!important;
}
body.hiring-mode #hiringControls .filter-box:hover,
#hiringControls .candidates-filters .filter-box:hover{
  border-color:rgba(188,202,224,.76)!important;
  border-bottom-color:rgba(92,108,134,.3)!important;
}
body.hiring-mode #hiringControls .filter-box__label,
#hiringControls .candidates-filters .filter-box__label,
.candidates-panel .candidates-filters .filter-box__label{
  width:100%!important;
  display:block!important;
  text-align:left!important;
  align-self:flex-start!important;
  margin:0 0 4px!important;
  padding:0!important;
  color:rgba(90,104,128,.56)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:0!important;
  transform:none!important;
}
body.hiring-mode #hiringControls .filter-box__select,
body.hiring-mode #hiringControls .filter-box__button strong,
#hiringControls .candidates-filters .filter-box__select,
#hiringControls .candidates-filters .filter-box__button strong{
  text-align:left!important;
  font-weight:450!important;
  color:#111827!important;
}
body.hiring-mode #hiringControls .filter-box__button{
  align-items:flex-start!important;
  text-align:left!important;
}
body.hiring-mode #hiringControls .period-picker{
  width:560px!important;
  max-width:calc(100vw - 48px)!important;
  padding:16px!important;
  overflow:hidden!important;
}
body.hiring-mode #hiringControls .period-picker__quick{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:20px!important;
}
body.hiring-mode #hiringControls .period-picker__quick button,
body.hiring-mode #hiringControls .period-picker__quick .period-picker__apply{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.hiring-mode #hiringControls .filter-box--stage-custom{
  position:relative!important;
  width:220px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  z-index:40!important;
}
body.hiring-mode #hiringControls .filter-box--stage-custom::after{
  display:none!important;
}
body.hiring-mode #hiringControls .filter-box__native-hidden{
  position:absolute!important;
  inset:0!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.hiring-mode #hiringControls .stage-filter-button{
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  color:#111827!important;
  font:inherit!important;
  cursor:pointer!important;
  text-align:left!important;
}
body.hiring-mode #hiringControls .stage-filter-button:focus{
  outline:none!important;
  box-shadow:0 0 0 2px rgba(47,111,255,.18)!important;
  border-radius:10px!important;
}
body.hiring-mode #hiringControls .stage-filter-button__text{
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:450!important;
  color:#111827!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.hiring-mode #hiringControls .stage-filter-button__chevron{
  width:18px!important;
  height:18px!important;
  color:#0c1630!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  flex:0 0 auto!important;
  transition:transform .18s ease!important;
}
body.hiring-mode #hiringControls .filter-box--stage-custom.is-open{
  border-color:rgba(47,111,255,.85)!important;
  box-shadow:0 0 0 2px rgba(47,111,255,.12),0 10px 24px rgba(37,56,88,.08)!important;
}
body.hiring-mode #hiringControls .filter-box--stage-custom.is-open .stage-filter-button__chevron{
  transform:rotate(180deg)!important;
}
body.hiring-mode #hiringControls .stage-filter-menu{
  position:absolute!important;
  top:calc(100% + 12px)!important;
  left:-10px!important;
  width:254px!important;
  padding:12px!important;
  border:1px solid rgba(207,218,235,.9)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(37,56,88,.16)!important;
  box-sizing:border-box!important;
  z-index:10020!important;
}
body.hiring-mode #hiringControls .stage-filter-menu[hidden]{display:none!important;}
body.hiring-mode #hiringControls .stage-filter-menu::before{
  content:""!important;
  position:absolute!important;
  top:-7px!important;
  left:28px!important;
  width:14px!important;
  height:14px!important;
  background:#fff!important;
  border-left:1px solid rgba(207,218,235,.9)!important;
  border-top:1px solid rgba(207,218,235,.9)!important;
  transform:rotate(45deg)!important;
}
body.hiring-mode #hiringControls .stage-filter-option{
  position:relative!important;
  width:100%!important;
  min-height:44px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 38px 0 10px!important;
  box-sizing:border-box!important;
  color:#111827!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:450!important;
  cursor:pointer!important;
  text-align:left!important;
}
body.hiring-mode #hiringControls .stage-filter-option:hover,
body.hiring-mode #hiringControls .stage-filter-option.is-active{
  background:#eef5ff!important;
  color:#1166ff!important;
}
body.hiring-mode #hiringControls .stage-filter-option__icon{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#edf3ff!important;
  color:#2b6dff!important;
}
body.hiring-mode #hiringControls .stage-filter-option__icon svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.hiring-mode #hiringControls .stage-filter-option__icon--purple{background:#f0e9ff!important;color:#8b5cf6!important;}
body.hiring-mode #hiringControls .stage-filter-option__icon--green{background:#e9f8f0!important;color:#18a968!important;}
body.hiring-mode #hiringControls .stage-filter-option__icon--blue{background:#eaf1ff!important;color:#2b6dff!important;}
body.hiring-mode #hiringControls .stage-filter-option__icon--orange{background:#fff1df!important;color:#f59e0b!important;}
body.hiring-mode #hiringControls .stage-filter-option__icon--gray{background:#f1f5f9!important;color:#64748b!important;}
body.hiring-mode #hiringControls .stage-filter-option__icon--red{background:#fff1f1!important;color:#ef4444!important;}
body.hiring-mode #hiringControls .stage-filter-option__check{
  position:absolute!important;
  right:10px!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  background:#1f6dff!important;
  color:#fff!important;
}
body.hiring-mode #hiringControls .stage-filter-option.is-active .stage-filter-option__check{display:flex!important;}
body.hiring-mode #hiringControls .stage-filter-option__check svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
@media(max-width:720px){
  body.hiring-mode #hiringControls .period-picker__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.hiring-mode #hiringControls .period-picker__quick .period-picker__apply{grid-column:1/-1!important;}
  body.hiring-mode #hiringControls .stage-filter-menu{left:0!important;width:100%!important;}
}