/* Safe UI-only funnel analytics redesign. No backend/API changes. */
body.hiring-mode .funnel-analytics{
  width:100%!important;
  box-sizing:border-box!important;
  padding:30px 32px 26px!important;
  border:1px solid #e3ebf6!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 18% 20%,rgba(47,111,255,.035),transparent 28%),radial-gradient(circle at 72% 35%,rgba(255,130,76,.035),transparent 30%),#fff!important;
  box-shadow:0 18px 50px rgba(37,56,88,.08)!important;
  overflow:hidden!important;
  outline:0!important;
}
body.hiring-mode .funnel-analytics *{box-sizing:border-box!important}
body.hiring-mode .funnel-analytics:focus,
body.hiring-mode .funnel-analytics:focus-visible,
body.hiring-mode .funnel-analytics button:focus,
body.hiring-mode .funnel-analytics button:focus-visible{outline:0!important;box-shadow:none!important}
body.hiring-mode .funnel-analytics__header{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  min-height:28px!important;
  margin:0 0 34px!important;
}
body.hiring-mode .funnel-analytics__title-wrap{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
}
body.hiring-mode .funnel-analytics__main-icon{
  width:22px!important;
  height:22px!important;
  color:#2b6dff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 22px!important;
}
body.hiring-mode .funnel-analytics__main-icon svg,
body.hiring-mode .funnel-analytics__expand svg,
body.hiring-mode .funnel-analytics__note svg,
body.hiring-mode .funnel-analytics__updated svg,
body.hiring-mode .funnel-step__icon svg{
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.hiring-mode .funnel-analytics__title{
  margin:0!important;
  color:#142038!important;
  font-size:19px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
body.hiring-mode .funnel-analytics__expand,
body.hiring-mode .analytics-toggle.funnel-analytics__expand{
  position:static!important;
  margin:0 0 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#1166ff!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:24px!important;
  height:auto!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.hiring-mode .funnel-analytics__expand::after{
  content:'⌄'!important;
  font-size:17px!important;
  line-height:1!important;
  color:#1166ff!important;
  transform:translateY(-1px)!important;
}
body.hiring-mode .funnel-analytics:not(.collapsed) .funnel-analytics__expand::after{content:'⌃'!important}
body.hiring-mode .funnel-analytics__body,
body.hiring-mode .analytics-body.funnel-analytics__body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 258px!important;
  gap:38px!important;
  align-items:stretch!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  min-height:214px!important;
}
body.hiring-mode .funnel-analytics.collapsed{
  min-height:96px!important;
  padding:30px 32px!important;
}
body.hiring-mode .funnel-analytics.collapsed .funnel-analytics__header{margin-bottom:0!important}
body.hiring-mode .funnel-analytics.collapsed .funnel-analytics__body,
body.hiring-mode .funnel-analytics.collapsed .funnel-analytics__footer{display:none!important}
body.hiring-mode .funnel-steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(210px,1fr))!important;
  gap:0!important;
  min-width:0!important;
}
body.hiring-mode .funnel-step{
  position:relative!important;
  min-height:214px!important;
  padding:34px 48px 30px 28px!important;
  background:#f9fbff!important;
  border:1px solid #e3ebf6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  clip-path:polygon(0 0,calc(100% - 36px) 0,100% 50%,calc(100% - 36px) 100%,0 100%,24px 50%)!important;
  overflow:hidden!important;
}
body.hiring-mode .funnel-step--first{
  border-top-left-radius:18px!important;
  border-bottom-left-radius:18px!important;
  clip-path:polygon(0 0,calc(100% - 36px) 0,100% 50%,calc(100% - 36px) 100%,0 100%)!important;
}
body.hiring-mode .funnel-step--last{border-top-right-radius:18px!important;border-bottom-right-radius:18px!important}
body.hiring-mode .funnel-step--blue{background:linear-gradient(135deg,rgba(39,110,255,.045),rgba(255,255,255,.96) 55%),#fff!important}
body.hiring-mode .funnel-step--purple{background:linear-gradient(135deg,rgba(134,78,255,.055),rgba(255,255,255,.96) 60%),#fff!important}
body.hiring-mode .funnel-step--orange{background:linear-gradient(135deg,rgba(255,118,61,.055),rgba(255,255,255,.96) 60%),#fff!important}
body.hiring-mode .funnel-step__top{display:flex!important;align-items:center!important;gap:28px!important;margin:0 0 28px!important}
body.hiring-mode .funnel-step__icon{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#2b6dff!important;
  background:#eaf1ff!important;
}
body.hiring-mode .funnel-step__icon svg{width:25px!important;height:25px!important}
body.hiring-mode .funnel-step--purple .funnel-step__icon{color:#7b42ff!important;background:#f0e9ff!important}
body.hiring-mode .funnel-step--orange .funnel-step__icon{color:#ff6633!important;background:#fff0ea!important}
body.hiring-mode .funnel-step__name{color:#42506a!important;font-size:15px!important;line-height:1.32!important;font-weight:800!important}
body.hiring-mode .funnel-step__value{margin:0 0 10px!important;color:#0f1b31!important;font-size:38px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.04em!important}
body.hiring-mode .funnel-step__percent{margin:0 0 14px!important;color:#8796af!important;font-size:15px!important;font-weight:800!important}
body.hiring-mode .funnel-step__bar{width:100%!important;height:4px!important;border-radius:20px!important;background:#dce5f3!important;overflow:hidden!important}
body.hiring-mode .funnel-step__bar span{display:block!important;height:100%!important;border-radius:inherit!important;background:#2b6dff!important;transition:width .24s ease!important}
body.hiring-mode .funnel-step--purple .funnel-step__bar span{background:linear-gradient(90deg,#6b42ff,#9b58ff)!important}
body.hiring-mode .funnel-step--orange .funnel-step__bar span{background:#ff7441!important}
body.hiring-mode .conversion-card{
  min-height:214px!important;
  border:1px solid #e3ebf6!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 62% 44%,rgba(45,111,255,.05),transparent 46%),#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.hiring-mode .conversion-ring{
  position:relative!important;
  width:156px!important;
  height:156px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border-radius:50%!important;
}
body.hiring-mode .conversion-ring svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:rotate(-90deg)!important}
body.hiring-mode .conversion-ring svg circle{fill:none!important;stroke:#e9eef7!important;stroke-width:14!important}
body.hiring-mode .conversion-ring svg #funnelConversionRing{stroke:#2f73ff!important;stroke-linecap:round!important;stroke-dasharray:270!important;stroke-dashoffset:270!important;transition:stroke-dashoffset .28s ease!important}
body.hiring-mode .conversion-ring__inner{width:116px!important;height:116px!important;border-radius:50%!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 0 0 1px rgba(227,235,246,.6)!important;position:relative!important;z-index:1!important}
body.hiring-mode .conversion-ring__label{margin:0 0 12px!important;color:#286cff!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important;text-align:center!important}
body.hiring-mode .conversion-ring__value{color:#111d33!important;font-size:34px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.04em!important}
body.hiring-mode .funnel-analytics__footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin-top:38px!important;color:#8a99b1!important;font-size:14px!important;font-weight:700!important}
body.hiring-mode .funnel-analytics__note,
body.hiring-mode .funnel-analytics__updated{display:flex!important;align-items:center!important;gap:12px!important}
body.hiring-mode .funnel-analytics__note svg,
body.hiring-mode .funnel-analytics__updated svg{width:19px!important;height:19px!important;color:#8798b4!important;stroke-width:2.2!important}

/* Found counter inline with date filters */
body.hiring-mode .candidates-panel .panel-actions .filter-total{display:none!important}
body.hiring-mode .hiring-screen .date-row .filter-total{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  height:38px!important;
  min-width:auto!important;
  margin:0 0 0 22px!important;
  padding:0 15px!important;
  border:1px solid #dbe8fb!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#2563eb!important;
  box-shadow:0 8px 18px rgba(37,99,235,.08)!important;
  white-space:nowrap!important;
  grid-column:auto!important;
  justify-self:start!important;
  align-self:center!important;
}
body.hiring-mode .hiring-screen .date-row .filter-total .search-chip{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#2563eb!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  display:grid!important;
  place-items:center!important;
}
body.hiring-mode .hiring-screen .date-row .filter-total .search-chip svg{width:18px!important;height:18px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.hiring-mode .hiring-screen .date-row .filter-total span{
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#2563eb!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  padding:0!important;
  margin:0!important;
}
body.hiring-mode .hiring-screen .date-row .filter-total small{display:none!important}

@media(max-width:1320px){
  body.hiring-mode .funnel-analytics__body{grid-template-columns:1fr!important}
  body.hiring-mode .conversion-card{min-height:190px!important}
}
@media(max-width:1040px){
  body.hiring-mode .funnel-steps{grid-template-columns:1fr 1fr!important;gap:16px!important}
  body.hiring-mode .funnel-step,
  body.hiring-mode .funnel-step--first,
  body.hiring-mode .funnel-step--last{clip-path:none!important;border-radius:18px!important}
}
@media(max-width:680px){
  body.hiring-mode .funnel-analytics{padding:24px 18px!important}
  body.hiring-mode .funnel-analytics__header,
  body.hiring-mode .funnel-analytics__footer{flex-direction:column!important;align-items:flex-start!important}
  body.hiring-mode .funnel-steps{grid-template-columns:1fr!important}
  body.hiring-mode .funnel-step{min-height:190px!important}
}