/* Candidate preview and stage controls follow the supplied reference. */
.candidate-stage-picker { display:inline-block; vertical-align:middle; }
.candidate-stage-trigger {
  display:inline-flex; align-items:center; justify-content:space-between; gap:8px;
  max-width:100%; min-height:28px; padding:4px 8px; border:1px solid currentColor;
  border-radius:6px; background:#f7f8fc; color:#34415d; cursor:pointer;
  font:inherit; font-weight:700; line-height:1.2; text-align:left;
}
.candidate-stage-trigger>span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.candidate-stage-trigger:focus-visible { outline:2px solid #1265ff; outline-offset:2px; }
.candidate-stage-trigger:disabled { opacity:.6; cursor:wait; }
.candidate-stage-chevron { width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.candidate-stage-picker.is-open .candidate-stage-chevron { transform:rotate(180deg); }
.candidate-stage-trigger.tone-new { color:#7136e7; background:#f3efff; border-color:#dfd2ff; }
.candidate-stage-trigger.tone-manager { color:#7024dd; background:#f3edff; border-color:#e3d3ff; }
.candidate-stage-trigger.tone-deferred { color:#995f0c; background:#fff4dc; border-color:#f4d895; }
.candidate-stage-trigger.tone-hired { color:#168f4b; background:#ebf8ef; border-color:#c8ebd3; }
.candidate-stage-trigger.tone-fired { color:#394d70; background:#f1f4f9; border-color:#d9e1ed; }
.candidate-stage-trigger.tone-ignored { color:#52627f; background:#f3f5f8; border-color:#dce3ec; }
.candidate-stage-trigger.tone-rejected { color:#6e4f34; background:#fff6ed; border-color:#f2e1cb; }
.candidate-stage-trigger.tone-employer { color:#d32f3c; background:#fff0f1; border-color:#ffd0d4; }
.candidate-stage-trigger.tone-reserve { color:#344d77; background:#f2f5fa; border-color:#d6dfeb; }
.candidate-stage-trigger.tone-bot { color:#245da4; background:#eef5ff; border-color:#d8e7fc; }
.candidate-stage-menu {
  position:fixed; z-index:3100; display:flex; flex-direction:column; gap:3px;
  max-height:min(430px,calc(100vh - 16px)); overflow:auto; padding:7px;
  border:1px solid #dbe6f4; border-radius:12px; background:#fff;
  box-shadow:0 14px 38px rgba(24,49,90,.2);
}
.candidate-stage-menu[hidden] { display:none!important; }
.candidate-stage-choice {
  display:flex; align-items:center; gap:11px; width:100%; min-height:38px;
  padding:5px 9px; border:0; border-radius:8px; background:#fff;
  color:#132342; font:inherit; font-size:13px; font-weight:600; text-align:left; cursor:pointer;
}
.candidate-stage-choice:hover,.candidate-stage-choice:focus-visible { background:#f4f7fd; outline:none; }
.candidate-stage-choice.is-current { background:#f4f1ff; }
.candidate-stage-choice__icon { display:grid; width:27px; height:27px; flex:none; place-items:center; border-radius:50%; background:#f1f4f9; color:#405675; }
.candidate-stage-choice__icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.candidate-stage-choice__icon.tone-new,.candidate-stage-choice__icon.tone-manager { background:#f1eaff; color:#7136e7; }
.candidate-stage-choice__icon.tone-deferred { background:#fff1d1; color:#a46812; }
.candidate-stage-choice__icon.tone-hired { background:#e5f7eb; color:#169a51; }
.candidate-stage-choice__icon.tone-employer { background:#ffedef; color:#de3340; }
body.hiring-mode .candidates-table td.status-column .candidate-stage-trigger {
  min-width:108px; max-width:140px; min-height:30px; padding:5px 7px;
  border-radius:5px; font-size:10px; white-space:normal;
}
body.hiring-mode .candidate-preview-region {
  width:min(430px,calc(100vw - 24px))!important;
  height:min(90vh,880px)!important; min-height:0!important;
  border:1px solid #e0e9f6!important; border-radius:22px!important;
  box-shadow:0 22px 64px rgba(24,47,84,.2)!important;
}
body.hiring-mode .candidate-preview-card { padding:16px!important; gap:0!important; }
body.hiring-mode .candidate-preview-card>header {
  grid-template-columns:46px minmax(0,1fr) 32px!important;
  gap:10px!important; margin-bottom:18px!important;
}
body.hiring-mode .candidate-preview-initials { width:46px!important; height:46px!important; font-size:15px!important; }
body.hiring-mode .candidate-preview-identity h2 { font-size:16px!important; font-weight:800!important; }
body.hiring-mode .candidate-preview-identity p { margin-top:4px!important; font-size:13px!important; }
body.hiring-mode .candidate-preview-close { width:32px!important; height:32px!important; border-radius:50%; background:#f5f8fc; font-size:22px!important; }
body.hiring-mode .candidate-preview-card dl {
  padding:8px 13px!important; border:1px solid #dbe6f5!important;
  border-radius:13px!important; background:#f8faff!important;
}
body.hiring-mode .candidate-preview-card dl div {
  grid-template-columns:107px minmax(0,1fr)!important;
  min-height:38px!important; gap:8px!important; padding:7px 0!important;
  border-bottom:1px solid #e3eaf5!important;
}
body.hiring-mode .candidate-preview-card dl dt,
body.hiring-mode .candidate-preview-card dl dd,
body.hiring-mode .candidate-preview-card dl dd * { font-size:12px!important; line-height:1.3!important; }
body.hiring-mode .candidate-preview-card dl dt { color:#647796!important; font-weight:500!important; }
body.hiring-mode .candidate-preview-card dl dd { color:#10213d!important; font-weight:600!important; }
body.hiring-mode .candidate-preview-card dl .candidate-stage-picker { display:block; width:100%; }
body.hiring-mode .candidate-preview-card dl .candidate-stage-trigger {
  width:100%; min-height:37px; padding:6px 10px; font-weight:700!important;
}
body.hiring-mode .candidate-preview-card dl .candidate-stage-trigger.tone-manager { color:#7024dd!important; }
body.hiring-mode .candidate-preview-card dl .candidate-preview-square-badge.source-avito { font-size:12px!important; padding:4px 9px!important; }
body.hiring-mode .candidate-preview-conversation { margin-top:18px!important; }
body.hiring-mode .candidate-preview-conversation-head { padding-bottom:10px!important; }
body.hiring-mode .candidate-preview-conversation-head b { font-size:15px!important; }
body.hiring-mode .candidate-preview-conversation-head button { font-size:13px!important; }
body.hiring-mode .candidate-preview-thread { min-height:120px!important; padding:4px 0 7px!important; overflow-x:hidden!important; }
body.hiring-mode .candidate-preview-thread article { padding:10px 12px!important; margin:8px 0!important; border-radius:12px!important; font-size:12px!important; }
body.hiring-mode .candidate-preview-thread article,
body.hiring-mode .candidate-preview-thread article * { font-size:12px!important; line-height:1.45!important; }
body.hiring-mode .candidate-preview-thread article.system-msg { max-width:100%!important; margin:6px auto 16px!important; background:#f3f6fb!important; border-radius:13px!important; }
body.hiring-mode .candidate-preview-compose { height:48px!important; flex:0 0 48px!important; margin-top:10px!important; padding:5px 7px 5px 11px!important; border-radius:10px!important; }
body.hiring-mode .candidate-preview-compose input { font-size:13px!important; }
body.hiring-mode .candidate-preview-compose button { width:36px!important; height:36px!important; font-size:19px!important; border-radius:8px!important; }
@media(max-width:720px) {
  body.hiring-mode .candidate-preview-region { inset:0!important; width:100%!important; height:100dvh!important; border-radius:0!important; transform:none!important; }
}
