/* Редизайн карточки кандидата v2 (спека docs/candidate-card-redesign-v2-spec.md + строгие правила
   владельца 2026-08-24). Грузится ПОСЛЕ старых card-css. Каркас 88vh, один скролл на колонку. */
#candidateDialogOverlay.candidate-modal-overlay { --cc-ov: 1; }

/* ── Каркас модалки: 88vh, header 56px, body flex:1 overflow:hidden ── */
#candidateDialogOverlay.candidate-modal-overlay .candidate-modal {
  height: 88vh; max-height: 88vh; width: min(1400px, 94vw);
  display: flex; flex-direction: column; overflow: hidden;
}
#candidateDialogOverlay.candidate-modal-overlay .candidate-modal-header {
  flex: 0 0 56px; height: 56px; min-height: 56px; display: flex; align-items: center;
}
/* Хлебные крошки в шапке: «Отклики · <вакансия> · N из M» + стрелки навигации */
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumbs { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-right: 12px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-path { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-root { color: var(--cc-mut); font-weight: 600; flex: 0 0 auto; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-sep { color: var(--cc-border); flex: 0 0 auto; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-vac { color: var(--cc-ink); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-pos { color: var(--cc-mut); font-weight: 600; flex: 0 0 auto; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-nav { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-arrow {
  width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--cc-border); background: #fff; color: var(--cc-ink);
  font-size: 18px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-arrow:hover:not([disabled]) { border-color: var(--cc-accent); color: var(--cc-accent); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-crumb-arrow[disabled] { opacity: .4; cursor: default; }

#candidateDialogOverlay.candidate-modal-overlay .ccx {
  --cc-bg: #F7F9FC; --cc-card: #FFFFFF; --cc-border: #E7EDF4; --cc-div: #F1F5F9; --cc-accent: #2563EB;
  --cc-ink: #0F1B2D; --cc-ink2: #5B6B85; --cc-key: #7C8AA0; --cc-mut: #8494A9; --cc-r: 16px;
  font-family: Inter, -apple-system, "Segoe UI", Roboto, sans-serif;
  flex: 1 1 auto; min-height: 0; overflow: hidden;
  display: grid; grid-template-columns: 376px minmax(0, 1fr); gap: 20px;
  background: var(--cc-bg); padding: 16px 20px 20px; box-sizing: border-box; color: var(--cc-ink);
}
#candidateDialogOverlay.candidate-modal-overlay .ccx * { box-sizing: border-box; }
#candidateDialogOverlay.candidate-modal-overlay .ccx svg { flex-shrink: 0; }

/* ── Левая колонка: единственный скролл, карты без фикс-высот/вложенных скроллов ── */
#candidateDialogOverlay.candidate-modal-overlay .ccx-left {
  display: flex; flex-direction: column; gap: 12px; min-height: 0; overflow-y: auto; padding-right: 4px;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-card {
  background: var(--cc-card); border: 1px solid var(--cc-border); border-radius: var(--cc-r);
  padding: 18px; flex: 0 0 auto; overflow: visible;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-cap { font-size: 12px; font-weight: 700; letter-spacing: normal; text-transform: none; color: var(--cc-mut); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-ploc { display: flex; align-items: center; gap: 4px; margin-top: 3px; font-size: 12.5px; color: var(--cc-mut); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-link { color: var(--cc-accent); font-size: 13px; font-weight: 600; text-decoration: none; border: 0; background: none; cursor: pointer; padding: 0; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-link:hover { text-decoration: underline; }

/* профиль */
#candidateDialogOverlay.candidate-modal-overlay .ccx-phead { display: flex; align-items: center; gap: 12px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-avatar {
  width: 48px; height: 48px; border-radius: 12px; background: var(--cc-accent); color: #fff; flex: 0 0 48px;
  display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 17px;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-avatar.has-photo { padding: 0; overflow: hidden; background: #eef2f8; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-avatar.has-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resume-dl {
  margin-top: 14px; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  background: #fff; color: #2563eb; border: 1.5px solid #cfe0fb; border-radius: 12px; padding: 11px 18px;
  font-size: 14.5px; font-weight: 600; cursor: pointer; transition: border-color .15s, box-shadow .15s;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-resume-dl:hover { border-color: #93b8f5; box-shadow: 0 1px 6px rgba(37,99,235,.14); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-name { margin: 0; font-size: 19px; font-weight: 700; line-height: 1.2; color: var(--cc-ink); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-psub { font-size: 13px; color: var(--cc-ink2); margin-top: 2px; }

/* «Отклик на вакансию» */
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac { margin-top: 14px; background: #F4F7FC; border: 1px solid var(--cc-border); border-radius: 12px; padding: 12px 14px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac-top { display: flex; align-items: center; justify-content: space-between; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac-cap { font-size: 12px; font-weight: 700; letter-spacing: normal; text-transform: none; color: var(--cc-mut); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac-title { font-size: 15px; font-weight: 700; color: var(--cc-ink); margin: 6px 0 8px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac-title-link { color: var(--cc-accent); text-decoration: none; display: inline-block; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac-title-link:hover { text-decoration: underline; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac-title-empty { color: var(--cc-mut); font-weight: 600; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac-meta { display: flex; align-items: center; gap: 8px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-chip { font-size: 11px; font-weight: 600; color: var(--cc-ink2); background: #fff; border: 1px solid var(--cc-border); border-radius: 999px; padding: 2px 9px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-vac-date { font-size: 12px; color: var(--cc-mut); }

/* статус — stepper из 4 ПОЛОСОК (4px), не кружки; «Отказ» не шаг */
#candidateDialogOverlay.candidate-modal-overlay .ccx-status { margin-top: 16px; position: relative; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }

/* #6: пилл статуса — КНОПКА-триггер (клик раскрывает список). Шеврон + hover намекают на клик. */
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-pill {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 6px 10px 6px 10px;
  border-radius: 999px; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
  color: var(--stage-color, #475569);
  background: color-mix(in srgb, var(--stage-color, #475569) 12%, #fff);
  border: 1px solid color-mix(in srgb, var(--stage-color, #475569) 30%, transparent);
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-pill:hover { background: color-mix(in srgb, var(--stage-color, #475569) 20%, #fff); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-pill .ccx-stage-dot { box-shadow: none; background: var(--stage-color, #475569); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-pill-chev { color: var(--stage-color, #475569); opacity: .7; transition: transform .15s; margin-left: 2px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-pill.is-open .ccx-status-pill-chev { transform: rotate(180deg); }
/* Причина отказа — отдельная заметная строка (owner: «подпись почему отказано») */
#candidateDialogOverlay.candidate-modal-overlay .ccx-reject-note {
  display: flex; align-items: baseline; gap: 8px; margin: 10px 0 2px; padding: 9px 12px;
  background: #FEF2F2; border: 1px solid #FBD5D5; border-radius: 10px;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-reject-note-cap {
  font-size: 10.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: #B42318; flex: 0 0 auto;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-reject-note-t { font-size: 13px; font-weight: 600; color: #7A271A; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stepper { display: flex; align-items: flex-start; gap: 6px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-step { flex: 1 1 0; display: flex; flex-direction: column; gap: 6px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-step-bar { height: 4px; border-radius: 2px; background: #E9EEF5; width: 100%; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-step.is-done .ccx-step-bar { background: var(--stage-color, var(--cc-accent)); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-step-lab { font-size: 11px; color: var(--cc-mut); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-step.is-done .ccx-step-lab { color: var(--cc-ink); font-weight: 600; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-rej-tag { align-self: center; font-size: 11px; font-weight: 700; color: #DC2626; background: #FDECEC; border-radius: 6px; padding: 2px 8px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-editor { margin-top: 12px; }
/* «Изменить» → ПЛАВАЮЩИЙ список реальных этапов (клик = сохранение). Вне легаси-каскада
   .status-editor/.candidate-stage-block (конфликтовали → «Изменить» ничего не показывал).
   position:absolute → overlay, НЕ раздвигает данные кандидата (owner: «всегда выпадающий, мешает»). */
/* профиль-карта не должна обрезать плавающий статус-список (перебиваем .ccx-card overflow-x:hidden) */
#candidateDialogOverlay.candidate-modal-overlay .ccx-card-profile { overflow: visible; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list[hidden] { display: none; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 40; margin-top: 6px;
  padding: 6px; background: #fff; border: 1px solid var(--cc-border);
  border-radius: 12px; box-shadow: 0 12px 32px rgba(15,27,45,.16);
  display: flex; flex-direction: column; gap: 6px; overflow: visible;  /* #2: без скролла, весь список сразу */
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list.opens-up { top: auto; bottom: 100%; margin: 0 0 6px; }

/* #2: portal popover — список статусов вынесен в document.body (вне #candidateDialogOverlay и его
   transform/overflow), поэтому стили дублируем БЕЗ скоупа и литеральными цветами (var(--cc-*) там
   недоступны; --stage-color задан инлайном на каждом этапе). position:fixed ставит JS. */
.ccx-status-list.is-portaled {
  z-index: 100000; padding: 6px; background: #fff; border: 1px solid #E7EDF4; border-radius: 12px;
  box-shadow: 0 18px 44px rgba(15,27,45,.22); display: flex; flex-direction: column; gap: 6px;
  font-family: Inter, -apple-system, "Segoe UI", Roboto, sans-serif; box-sizing: border-box;
}
.ccx-status-list.is-portaled .ccx-status-opts { display: flex; flex-direction: column; gap: 2px; }
.ccx-status-list.is-portaled .ccx-stage-opt {
  width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 10px; font: inherit;
  font-size: 13.5px; color: #0F1B2D; background: transparent; border: 0; border-radius: 8px; cursor: pointer; text-align: left;
}
.ccx-status-list.is-portaled .ccx-stage-opt:hover { background: #F4F7FF; }
.ccx-status-list.is-portaled .ccx-stage-opt.is-active { background: color-mix(in srgb, var(--stage-color, #2563EB) 12%, #fff); }
.ccx-status-list.is-portaled .ccx-stage-opt.is-pending {
  background: color-mix(in srgb, var(--stage-color, #2563EB) 16%, #fff);
  outline: 2px solid color-mix(in srgb, var(--stage-color, #2563EB) 50%, transparent); outline-offset: -2px;
}
.ccx-status-list.is-portaled .ccx-stage-dot { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; background: var(--stage-color, #475569); }
.ccx-status-list.is-portaled .ccx-stage-opt-t { flex: 1 1 auto; }
.ccx-status-list.is-portaled .ccx-stage-cur-tag {
  flex: 0 0 auto; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px;
  color: var(--stage-color, #2563EB); background: color-mix(in srgb, var(--stage-color, #2563EB) 14%, #fff); border-radius: 5px; padding: 2px 6px;
}
.ccx-status-list.is-portaled .ccx-status-confirm {
  width: 100%; padding: 10px; border-radius: 9px; border: 0; background: #2563EB; color: #fff;
  font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer;
}
.ccx-status-list.is-portaled .ccx-status-confirm:hover:not([disabled]) { background: #1D4FD7; }
.ccx-status-list.is-portaled .ccx-status-confirm[disabled] { background: #C7D2E4; cursor: default; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-opts { display: flex; flex-direction: column; gap: 2px; }
/* #6: выбранный (но ещё не подтверждённый) этап — заметное выделение */
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list .ccx-stage-opt.is-pending {
  background: color-mix(in srgb, var(--stage-color, #2563EB) 16%, #fff);
  outline: 2px solid color-mix(in srgb, var(--stage-color, #2563EB) 50%, transparent); outline-offset: -2px;
}
/* #6: синяя кнопка «Подтвердить» внутри списка */
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-confirm {
  width: 100%; padding: 10px; border-radius: 9px; border: 0; background: var(--cc-accent, #2563EB); color: #fff;
  font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-confirm:hover:not([disabled]) { background: #1D4FD7; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-confirm[disabled] { background: #C7D2E4; cursor: default; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list .ccx-stage-opt {
  width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 10px; font: inherit; font-size: 13.5px;
  color: var(--cc-ink); background: transparent; border: 0; border-radius: 8px; cursor: pointer; text-align: left;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list .ccx-stage-opt:hover { background: #F4F7FF; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list .ccx-stage-opt.is-active { background: color-mix(in srgb, var(--stage-color, #2563EB) 12%, #fff); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list .ccx-stage-opt.is-saving { opacity: .55; cursor: progress; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-status-list .ccx-stage-opt-t { flex: 1 1 auto; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-cur-tag {
  flex: 0 0 auto; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px;
  color: var(--stage-color, #2563EB); background: color-mix(in srgb, var(--stage-color, #2563EB) 14%, #fff);
  border-radius: 5px; padding: 2px 6px;
}

/* #6: цветной дропдаун этапа (вместо нативного select). Цвет = getStageColor системы. */
#candidateDialogOverlay.candidate-modal-overlay .candidate-stage-block { display: flex; flex-direction: column; gap: 10px; }
#candidateDialogOverlay.candidate-modal-overlay .candidate-stage-heads { margin-bottom: 2px; }
#candidateDialogOverlay.candidate-modal-overlay .candidate-stage-title { font-size: 13px; font-weight: 700; color: var(--cc-ink); }
#candidateDialogOverlay.candidate-modal-overlay .candidate-stage-subtitle { font-size: 11.5px; color: var(--cc-mut); margin-top: 1px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-dd { position: relative; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-trigger {
  width: 100%; display: flex; align-items: center; gap: 9px; padding: 10px 12px; font: inherit; font-size: 14px;
  font-weight: 600; color: var(--cc-ink); background: #fff; border: 1px solid var(--cc-border); border-radius: 10px; cursor: pointer;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-trigger:hover { border-color: color-mix(in srgb, var(--stage-color, #2563EB) 45%, var(--cc-border)); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-trigger[aria-expanded="true"] { border-color: var(--stage-color, #2563EB); box-shadow: 0 0 0 3px color-mix(in srgb, var(--stage-color, #2563EB) 14%, transparent); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-cur { flex: 1 1 auto; text-align: left; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-chev { color: var(--cc-mut); flex: 0 0 auto; transition: transform .15s; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-trigger[aria-expanded="true"] .ccx-stage-chev { transform: rotate(180deg); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-dot {
  width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; background: var(--stage-color, #475569);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--stage-color, #475569) 18%, transparent);
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-menu {
  position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 6px); background: #fff;
  border: 1px solid var(--cc-border); border-radius: 12px; box-shadow: 0 12px 32px rgba(15,27,45,.14);
  padding: 6px; max-height: 320px; overflow-y: auto;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-opt {
  width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 10px; font: inherit; font-size: 13.5px;
  color: var(--cc-ink); background: transparent; border: 0; border-radius: 8px; cursor: pointer; text-align: left;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-opt:hover { background: #F4F7FF; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-opt.is-active { background: color-mix(in srgb, var(--stage-color, #2563EB) 12%, #fff); font-weight: 600; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-opt-t { flex: 1 1 auto; }
#candidateDialogOverlay.candidate-modal-overlay .candidate-stage-save-button {
  align-self: flex-start; padding: 9px 16px; border-radius: 10px; border: 1px solid var(--cc-accent);
  background: var(--cc-accent); color: #fff; font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer;
}
#candidateDialogOverlay.candidate-modal-overlay .candidate-stage-save-button:hover { background: #1D4FD7; }
#candidateDialogOverlay.candidate-modal-overlay .candidate-stage-save-button[disabled] { opacity: .6; cursor: default; }

/* #7/#4: плашка ожидания — ПОД шаблонами, по центру, с разделительной линией сверху (owner) */
#candidateDialogOverlay.candidate-modal-overlay .ccx-wait-sep {
  display: flex; justify-content: center; border-top: 1px solid var(--cc-border); padding-top: 10px; margin: 4px 0 8px;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-wait {
  padding: 3px 12px; border-radius: 999px;
  background: #FFF7E6; border: 1px solid #F5E3B8; color: #9A6B00; font-size: 11.5px; font-weight: 600;
  display: inline-flex; align-items: center; gap: 6px;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-wait-ic { font-size: 12px; line-height: 1; }

/* Анкета — ключ 118px #7C8AA0 слева, значение жирнее ЛЕВЫМ краем, разделители #F1F5F9 */
#candidateDialogOverlay.candidate-modal-overlay .ccx-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-frow { display: grid; grid-template-columns: 118px 1fr; gap: 12px; align-items: center; padding: 11px 0; border-top: 1px solid var(--cc-div); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-frow:first-of-type { border-top: 0; padding-top: 6px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-fkey { font-size: 13px; color: var(--cc-key); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-fval { font-size: 14px; font-weight: 600; color: var(--cc-ink); text-align: left; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-fval a { color: var(--cc-accent); text-decoration: none; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-fval.is-empty { color: var(--cc-mut); font-weight: 500; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-add { color: var(--cc-accent); font-size: 13px; font-weight: 600; border: 0; background: none; cursor: pointer; text-align: left; padding: 0; }

/* #4 «Ответственный» — кнопка-строка с аватаром + цветное меню (HR-бот/Менеджер), не нативный select */
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-av {
  width: 24px; height: 24px; border-radius: 6px; flex-shrink: 0; font-size: 10px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--resp-color, #5B6B85); background: color-mix(in srgb, var(--resp-color, #5B6B85) 14%, #fff);
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-dd { position: relative; justify-self: start; max-width: 100%; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-trigger {
  display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 5px 8px; font: inherit;
  font-size: 13.5px; font-weight: 600; color: var(--cc-ink); background: #fff;
  border: 1px solid var(--cc-border); border-radius: 10px; cursor: pointer;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-trigger:hover { border-color: color-mix(in srgb, var(--resp-color, #2563EB) 45%, var(--cc-border)); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-trigger[aria-expanded="true"] { border-color: var(--resp-color, #2563EB); box-shadow: 0 0 0 3px color-mix(in srgb, var(--resp-color, #2563EB) 14%, transparent); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-cur { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-chev { color: var(--cc-mut); flex: 0 0 auto; transition: transform .15s; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-trigger[aria-expanded="true"] .ccx-resp-chev { transform: rotate(180deg); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-menu {
  position: absolute; z-index: 30; right: 0; top: calc(100% + 6px); min-width: 220px; background: #fff;
  border: 1px solid var(--cc-border); border-radius: 12px; box-shadow: 0 12px 32px rgba(15,27,45,.14); padding: 6px;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-opt {
  width: 100%; display: flex; align-items: center; gap: 9px; padding: 8px 10px; font: inherit; font-size: 13.5px;
  color: var(--cc-ink); background: transparent; border: 0; border-radius: 8px; cursor: pointer; text-align: left;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-opt:hover { background: #F4F7FF; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-opt.is-active { background: color-mix(in srgb, var(--resp-color, #2563EB) 12%, #fff); font-weight: 600; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-opt-t { flex: 1 1 auto; }
/* открытие ВВЕРХ, когда снизу мало места (не обрезается скроллом колонки) */
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-dd.opens-up .ccx-resp-menu { top: auto; bottom: calc(100% + 6px); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-stage-dd.opens-up .ccx-stage-menu { top: auto; bottom: calc(100% + 6px); }

/* HR-бот */
#candidateDialogOverlay.candidate-modal-overlay .ccx-card-bot { background: var(--cc-card); border-color: var(--cc-border); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-head { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-ic { width: 34px; height: 34px; border-radius: 10px; background: #fff; border: 1px solid #DCE8FF; color: var(--cc-accent); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-ic svg { width: 18px; height: 18px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-t { font-size: 15px; font-weight: 700; color: var(--cc-ink); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-sub { font-size: 12px; color: var(--cc-ink2); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-list { list-style: none; margin: 10px 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-list li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--cc-ink2); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-list li::before { content: '✓'; color: var(--cc-accent); font-weight: 700; flex: 0 0 auto; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-btn { width: 100%; margin-top: 4px; padding: 11px; border-radius: 10px; border: 1px solid var(--cc-accent); background: #fff; color: var(--cc-accent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-btn svg { width: 16px; height: 16px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-btn:hover { background: #F4F7FF; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-btn[disabled] { opacity: .65; cursor: default; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-btn.is-busy svg { animation: ccxBotSpin 1.1s linear infinite; }
@keyframes ccxBotSpin { to { transform: rotate(360deg); } }

/* Результат анализа прямо в карте HR-бота (ключ-значение, ритм как в «Анкете»). */
/* #4: понятный вывод анализа — заголовок + подсказка «что делать» (цвет по тону) */
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-verdict { margin: 10px 0 4px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--cc-border); background: #fff; border-left: 3px solid var(--cc-mut); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-verdict--ok { border-left-color: #16A34A; background: #F0FBF4; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-verdict--wait { border-left-color: #2563EB; background: #F2F6FF; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-verdict--act { border-left-color: #D97706; background: #FFF8EC; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-verdict-h { font-size: 14px; font-weight: 700; color: var(--cc-ink); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-verdict-hint { font-size: 12.5px; color: var(--cc-ink2); margin-top: 3px; line-height: 1.4; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-detail { margin-top: 8px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-detail-s { font-size: 12px; color: var(--cc-mut); cursor: pointer; list-style: none; user-select: none; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-detail-s::-webkit-details-marker { display: none; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-detail-s::before { content: '▸ '; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-detail[open] .ccx-bot-detail-s::before { content: '▾ '; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-detail-t { font-size: 12.5px; color: var(--cc-ink2); margin-top: 6px; line-height: 1.45; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-rows { margin: 10px 0 2px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-row {
  display: grid; grid-template-columns: 118px 1fr; gap: 12px; align-items: start;
  padding: 9px 0; border-top: 1px solid #DCE8FF;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-row:first-child { border-top: 0; padding-top: 2px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-k { font-size: 13px; color: var(--cc-key); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-v { font-size: 13px; font-weight: 600; color: var(--cc-ink); overflow-wrap: anywhere; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-warn {
  margin: 8px 0 2px; padding: 8px 10px; border-radius: 10px;
  background: #FFF7E6; border: 1px solid #FFE1A8; color: #8A5A00; font-size: 12.5px;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-err { background: #FEF2F2; border-color: #FECACA; color: #B42318; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-cost {
  display: flex; justify-content: space-between; gap: 8px; margin: 8px 0 2px;
  font-size: 12px; color: var(--cc-ink2);
}
/* #3: сумма расхода — красным; наведение показывает всплывающее окно с разбивкой */
#candidateDialogOverlay.candidate-modal-overlay .ccx-card-bot { overflow: visible; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-cost-wrap { position: relative; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-cost-v { font-weight: 700; color: #DC2626; cursor: help; border-bottom: 1px dotted #DC2626; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-cost-pop {
  position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 60; width: 230px; display: none;
  background: #fff; border: 1px solid var(--cc-border); border-radius: 12px; box-shadow: 0 14px 34px rgba(15,27,45,.18);
  padding: 10px 12px; color: var(--cc-ink); font-size: 12px; cursor: default;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-cost-wrap:hover .ccx-cost-pop,
#candidateDialogOverlay.candidate-modal-overlay .ccx-bot-cost-wrap:focus-within .ccx-cost-pop { display: block; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-cost-pop-h { font-size: 12.5px; font-weight: 700; margin-bottom: 6px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-cost-row { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; color: var(--cc-ink2); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-cost-row span:last-child { color: var(--cc-ink); font-weight: 600; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-cost-row--total { border-top: 1px solid var(--cc-div); margin-top: 4px; padding-top: 6px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-cost-row--total span:last-child { color: #DC2626; font-weight: 700; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-cost-pop-foot { margin-top: 6px; font-size: 10.5px; color: var(--cc-mut); }

/* ── Правая колонка: только лента скроллится ── */
#candidateDialogOverlay.candidate-modal-overlay .ccx-right { background: var(--cc-card); border: 1px solid var(--cc-border); border-radius: var(--cc-r); display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-rhead { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--cc-border); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-tabs { display: flex; gap: 18px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-tab { border: 0; background: none; font: inherit; font-size: 15px; font-weight: 600; color: var(--cc-mut); cursor: pointer; padding: 4px 0; border-bottom: 2px solid transparent; display: inline-flex; align-items: center; gap: 7px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-tab.is-active { color: var(--cc-ink); border-bottom-color: var(--cc-accent); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-tab-badge { font-size: 11px; font-weight: 700; background: #EEF2F8; color: var(--cc-ink2); border-radius: 999px; padding: 1px 7px; min-width: 18px; text-align: center; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-tab.is-active .ccx-tab-badge { background: color-mix(in srgb, var(--cc-accent) 14%, #fff); color: var(--cc-accent); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-refresh-link { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; color: var(--cc-accent); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; padding: 0; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-refresh-link:hover { text-decoration: underline; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 18px; background: var(--cc-bg); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-composer-wrap { flex: 0 0 auto; border-top: 1px solid var(--cc-border); padding: 12px 16px 14px; background: #fff; }

/* ── Чат: пузыри 62%, радиус 14px со срезанным углом у своей стороны, время внизу справа ── */
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-message-row { display: flex; align-items: flex-end; gap: 8px; margin-bottom: 12px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-msg-av { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; margin-bottom: 2px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-msg-av svg { width: 17px; height: 17px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-msg-av-bot { background: #D6F1E8; color: #0D9488; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-msg-av-mgr { background: #DCE7FF; color: var(--cc-accent); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-msg-av-cand { background: #E9EDF3; color: #6B7A90; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-message-row-candidate { justify-content: flex-start; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-message-row-manager { justify-content: flex-end; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-candidate-message,
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-manager-message {
  max-width: 62%; border-radius: 14px; padding: 10px 13px; display: flex; flex-direction: column;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-candidate-message { background: #EEF1F6; border-bottom-left-radius: 5px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-manager-message { background: var(--cc-accent); color: #fff; border-bottom-right-radius: 5px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-candidate-text,
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-manager-text { font-size: 13.5px; line-height: 20px; font-weight: 400; order: 1; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-candidate-meta,
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-manager-meta { order: 2; margin-top: 5px; align-self: flex-end; font-size: 11.5px !important; font-weight: 400 !important; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-candidate-meta { color: #8494A9; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-manager-meta { color: rgba(255, 255, 255, .82); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-system-message,
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .candidate-event-message {
  background: #EEF1F6; border: 0; border-radius: 8px; padding: 8px 12px; text-align: center; margin: 12px auto; max-width: 100%;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed.evt-only .chat-message-row { display: none; }

/* чипы-шаблоны над композером */
#candidateDialogOverlay.candidate-modal-overlay .ccx-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-chips-cap { font-size: 12px; color: var(--cc-mut); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-chip-btn { font: inherit; font-size: 12.5px; color: var(--cc-ink2); background: #F4F7FC; border: 1px solid var(--cc-border); border-radius: 999px; padding: 6px 12px; cursor: pointer; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-chip-btn:hover { border-color: var(--cc-accent); color: var(--cc-accent); }
/* «+Ещё» раскрывает доп. чипы: span-обёртка прозрачна для flex (display:contents), скрытая — none */
#candidateDialogOverlay.candidate-modal-overlay .ccx-chip-extra { display: contents; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-chip-extra[hidden] { display: none; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-chip-more { color: var(--cc-accent); }

/* композер: акцентная кнопка «Отправить» — фиолетовая (макет владельца 2026-09-23) */
#candidateDialogOverlay.candidate-modal-overlay .ccx-composer-wrap .candidate-composer-primary,
#candidateDialogOverlay.candidate-modal-overlay .ccx-composer-wrap .candidate-composer-caret { background: #6C5CE7 !important; border-color: #6C5CE7 !important; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-composer-wrap .candidate-composer-primary:hover,
#candidateDialogOverlay.candidate-modal-overlay .ccx-composer-wrap .candidate-composer-caret:hover { background: #5b4bd6 !important; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-composer-wrap .candidate-composer-primary { display: inline-flex; align-items: center; gap: 7px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-send-ic { flex: 0 0 auto; }
#candidateDialogOverlay.candidate-modal-overlay .candidate-modal-body { display: block; }

/* Плашки-разделители дней в ленте («Сегодня»/«Вчера»/«23 августа»). Sticky — дата всегда видна
   сверху при прокрутке (как в Telegram): для однодневных диалогов плашка не уезжает из виду. */
#candidateDialogOverlay.candidate-modal-overlay .ccx-day-divider { position: sticky; top: 0; z-index: 3; display: flex; justify-content: center; align-items: center; padding: 6px 4px; margin: 6px 0; pointer-events: none; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-day-divider span { flex: 0 0 auto; font-size: 11.5px; font-weight: 700; color: var(--cc-ink2); background: #fff; border: 1px solid var(--cc-border); border-radius: 999px; padding: 4px 14px; box-shadow: 0 2px 8px rgba(15,27,45,.08); }
/* в режиме «События» плашки дней прячем (у событий своя дата в мете) */
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed.evt-only .ccx-day-divider { display: none; }

/* Индикатор канала в поле ввода: «Avito» (отправка) / «Заметка» (внутренняя) */
#candidateDialogOverlay.candidate-modal-overlay .ccx-input-wrap { position: relative; min-width: 0; display: flex; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-input-wrap .candidate-chat-input { padding-left: 74px; width: 100%; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-channel {
  position: absolute; left: 8px; top: 50%; transform: translateY(-50%); z-index: 1;
  display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; letter-spacing: .2px;
  color: #067A46; background: #E7F7EE; border: 1px solid #BFE9D2; border-radius: 7px; padding: 3px 8px; pointer-events: none;
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-channel-dot { width: 6px; height: 6px; border-radius: 50%; background: #17B364; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-channel.is-note { color: var(--cc-ink2); background: #EEF1F6; border-color: var(--cc-border); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-channel.is-note .ccx-channel-dot { background: var(--cc-mut); }

/* #1 карточка «стоит твёрдо»: без горизонтального скролла, тонкий вертикальный */
#candidateDialogOverlay.candidate-modal-overlay .ccx-left { overflow-x: hidden; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-card { max-width: 100%; overflow-x: hidden; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-name { overflow-wrap: anywhere; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-dd,
#candidateDialogOverlay.candidate-modal-overlay .ccx-resp-trigger { max-width: 100%; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-left::-webkit-scrollbar,
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed::-webkit-scrollbar { width: 7px; height: 0; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-left::-webkit-scrollbar-thumb,
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed::-webkit-scrollbar-thumb { background: #D5DEEA; border-radius: 4px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-left::-webkit-scrollbar-track,
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed::-webkit-scrollbar-track { background: transparent; }

/* #2 системное сообщение — аккуратная плашка: текст сверху, мета отдельной строкой ниже */
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-system-message { background: #EEF1F6; border: 0; border-radius: 10px; padding: 10px 14px; text-align: center; margin: 14px auto; max-width: 520px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-system-message .chat-system-text { display: block; font-size: 12.5px; color: var(--cc-ink2); line-height: 1.4; margin-bottom: 4px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .chat-system-message .chat-system-meta { display: block; font-size: 10.5px; font-weight: 400; letter-spacing: .3px; color: var(--cc-mut); text-transform: uppercase; }

/* #7 красивая плашка смены ответственного (owner: «красивый дизайн») */
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event {
  --re: #2563EB; display: flex; align-items: center; gap: 11px; margin: 16px auto; max-width: 420px;
  padding: 11px 14px; background: linear-gradient(180deg, #F6F9FF, #EEF4FF); border: 1px solid #DCE8FF;
  border-radius: 14px; box-shadow: 0 2px 8px rgba(37,99,235,.06);
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event.is-manager { --re: #0891B2; background: linear-gradient(180deg, #F3FCFE, #E8F8FC); border-color: #C7ECF4; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event-ic {
  width: 32px; height: 32px; border-radius: 9px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center;
  background: #fff; color: var(--re); border: 1px solid color-mix(in srgb, var(--re) 25%, #fff);
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event-ic svg { width: 17px; height: 17px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event-body { flex: 1 1 auto; text-align: left; min-width: 0; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event-t { font-size: 10.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--cc-mut); }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event-who { display: flex; align-items: center; gap: 7px; margin-top: 3px; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event-av {
  width: 20px; height: 20px; border-radius: 6px; flex: 0 0 20px; font-size: 9px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center; color: var(--re);
  background: color-mix(in srgb, var(--re) 15%, #fff);
}
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event-name { font-size: 13.5px; font-weight: 700; color: var(--cc-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#candidateDialogOverlay.candidate-modal-overlay .ccx-feed .ccx-resp-event-date { flex: 0 0 auto; font-size: 10.5px; color: var(--cc-mut); align-self: flex-start; }