/* ============================================================
   ИСКБ — Вкладка «HR · Дети»: скрининг персонала (ДЕМО)
   Все классы вкладки — с префиксом .hr-
   ============================================================ */

/* ---------- Шапка раздела: бейджи внутри module-title ---------- */
.hr-title { flex-wrap: wrap; row-gap: 6px; }

.hr-badge {
  font-family: 'Rajdhani', sans-serif;
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase;
  padding: 3px 10px;
  border: 1px solid currentColor; border-radius: 2px;
  background: rgba(0, 0, 0, 0.4);
  white-space: nowrap;
}
.hr-badge--demo { color: #ffb300; box-shadow: 0 0 8px rgba(255, 179, 0, 0.35); animation: hrPulse 2.4s infinite; }
.hr-badge--api  { color: #00e5ff; box-shadow: 0 0 8px rgba(0, 229, 255, 0.3); }

@keyframes hrPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }

/* ---------- Конвейер проверки ---------- */
.hr-pipeline {
  list-style: none; margin: 0; padding: 4px 2px;
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
}
.hr-stage {
  font-family: 'Rajdhani', sans-serif;
  font-size: 11px; font-weight: 600;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: #a5c5d4;
  padding: 5px 12px;
  background: rgba(0, 229, 255, 0.06);
  border: 1px solid rgba(0, 229, 255, 0.25);
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  white-space: nowrap;
}
.hr-pipeline__sep { color: rgba(0, 229, 255, 0.45); font-size: 9px; }
.hr-stage--verdict { font-weight: 700; letter-spacing: 0.2em; }
.hr-stage--green { color: #00e676; border-color: rgba(0, 230, 118, 0.6); background: rgba(0, 230, 118, 0.08); box-shadow: 0 0 10px rgba(0, 230, 118, 0.25); }
.hr-stage--amber { color: #ffb300; border-color: rgba(255, 179, 0, 0.6);  background: rgba(255, 179, 0, 0.08);  box-shadow: 0 0 10px rgba(255, 179, 0, 0.25); }
.hr-stage--red   { color: #ff2d55; border-color: rgba(255, 45, 85, 0.6);  background: rgba(255, 45, 85, 0.08);  box-shadow: 0 0 10px rgba(255, 45, 85, 0.25); }

/* ---------- Карточки кандидатов ---------- */
.hr-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.hr-card {
  display: flex; align-items: center; gap: 14px;
  text-align: left;
  padding: 14px 16px;
  background: rgba(2, 16, 28, 0.85);
  border: 1px solid rgba(0, 229, 255, 0.25);
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  cursor: pointer;
  font-family: 'Rajdhani', sans-serif;
  color: #d5ebf4;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.hr-card:hover { background: rgba(0, 229, 255, 0.07); border-color: rgba(0, 229, 255, 0.5); }
.hr-card.is-active {
  border-color: #00e5ff;
  background: rgba(0, 229, 255, 0.08);
  box-shadow: 0 0 14px rgba(0, 229, 255, 0.35), inset 0 0 24px rgba(0, 229, 255, 0.06);
}
.hr-card--green.is-active { border-color: #00e676; box-shadow: 0 0 14px rgba(0, 230, 118, 0.35), inset 0 0 24px rgba(0, 230, 118, 0.05); }
.hr-card--amber.is-active { border-color: #ffb300; box-shadow: 0 0 14px rgba(255, 179, 0, 0.35),  inset 0 0 24px rgba(255, 179, 0, 0.05); }
.hr-card--red.is-active   { border-color: #ff2d55; box-shadow: 0 0 14px rgba(255, 45, 85, 0.35),  inset 0 0 24px rgba(255, 45, 85, 0.05); }

.hr-card__avatar {
  flex: 0 0 auto;
  display: inline-flex;
  padding: 4px;
  border: 1px solid rgba(0, 229, 255, 0.25);
  background: rgba(0, 0, 0, 0.3);
}
.hr-card__info { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hr-card__name { font-weight: 700; font-size: 15px; letter-spacing: 0.04em; color: #d5ebf4; }
.hr-card__meta { font-size: 12px; color: #a5c5d4; letter-spacing: 0.04em; }
.hr-card__meta--dim { color: #7d99b0; font-size: 11px; }
.hr-card__info .badge { margin: 4px 0 0; align-self: flex-start; }

/* ---------- Детальная панель ---------- */
.hr-detail__top {
  display: flex; flex-wrap: wrap; align-items: center; gap: 18px;
  padding: 4px 0 14px;
  border-bottom: 1px dashed rgba(0, 229, 255, 0.25);
  margin-bottom: 14px;
}
.hr-detail__who { flex: 1 1 260px; min-width: 220px; }
.hr-detail__name {
  font-family: 'Rajdhani', sans-serif;
  font-size: 20px; font-weight: 700; letter-spacing: 0.05em;
  color: #d5ebf4;
}
.hr-detail__age { color: #7d99b0; font-size: 14px; font-weight: 500; }
.hr-detail__pos { color: #7d99b0; font-size: 13px; letter-spacing: 0.05em; margin-top: 2px; }

.hr-detail__stats { display: flex; gap: 12px; }
.hr-stat {
  min-width: 130px;
  padding: 8px 14px;
  text-align: center;
  border: 1px solid rgba(0, 229, 255, 0.2);
  background: rgba(0, 0, 0, 0.35);
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}
.hr-stat b { display: block; font-family: 'Orbitron', 'Rajdhani', sans-serif; font-size: 24px; line-height: 1.15; }
.hr-stat b span { font-size: 12px; color: #7d99b0; margin-left: 2px; }
.hr-stat__cap {
  font-family: 'Rajdhani', sans-serif;
  font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase;
  color: #7d99b0;
}
.hr-stat--green b { color: #00e676; text-shadow: 0 0 10px rgba(0, 230, 118, 0.6); }
.hr-stat--amber b { color: #ffb300; text-shadow: 0 0 10px rgba(255, 179, 0, 0.6); }
.hr-stat--red b   { color: #ff2d55; text-shadow: 0 0 10px rgba(255, 45, 85, 0.6); }
.hr-stat--cyan b  { color: #00e5ff; text-shadow: 0 0 10px rgba(0, 229, 255, 0.6); }

/* ---------- Большой вердикт-бейдж ---------- */
.hr-verdict {
  font-family: 'Orbitron', 'Rajdhani', sans-serif;
  font-weight: 700; font-size: 15px;
  letter-spacing: 0.2em; text-transform: uppercase;
  text-align: center;
  padding: 14px 24px;
  border: 1px solid currentColor;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}
.hr-verdict--green {
  color: #00e676; background: rgba(0, 230, 118, 0.1);
  box-shadow: 0 0 16px rgba(0, 230, 118, 0.3), inset 0 0 20px rgba(0, 230, 118, 0.06);
  text-shadow: 0 0 8px rgba(0, 230, 118, 0.7);
}
.hr-verdict--amber {
  color: #ffb300; background: rgba(255, 179, 0, 0.1);
  box-shadow: 0 0 16px rgba(255, 179, 0, 0.3), inset 0 0 20px rgba(255, 179, 0, 0.06);
  text-shadow: 0 0 8px rgba(255, 179, 0, 0.7);
}
.hr-verdict--red {
  color: #ff2d55; background: rgba(255, 45, 85, 0.12);
  box-shadow: 0 0 16px rgba(255, 45, 85, 0.35), inset 0 0 20px rgba(255, 45, 85, 0.08);
  text-shadow: 0 0 8px rgba(255, 45, 85, 0.7);
}

/* ---------- 2 колонки детальной панели ---------- */
.hr-detail__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}
.hr-detail__col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

.hr-block {
  border: 1px solid rgba(0, 229, 255, 0.15);
  background: rgba(2, 16, 28, 0.5);
  padding: 12px 14px;
}
.hr-block__title {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-family: 'Rajdhani', sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: #00e5ff;
  margin-bottom: 10px;
}

/* ---------- Радар нейропрофориентации ---------- */
.hr-radar__svg { display: block; width: 100%; height: auto; }
.hr-radar__ring { fill: none; stroke: rgba(0, 229, 255, 0.14); stroke-width: 1; }
.hr-radar__axis { stroke: rgba(0, 229, 255, 0.2); stroke-width: 1; }
.hr-radar__label {
  font-family: 'Rajdhani', sans-serif;
  font-size: 11px; letter-spacing: 0.06em;
  fill: #8aa6bd;
}
.hr-radar__labelval { font-family: 'JetBrains Mono', monospace; font-size: 10px; fill: #00e5ff; }
.hr-radar__valuewrap {
  transform-origin: 240px 158px;
  animation: hrRadarIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.hr-radar__value {
  fill: rgba(0, 229, 255, 0.18);
  stroke: #00e5ff; stroke-width: 1.6;
  filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.5));
}
.hr-radar__dot { fill: #00e5ff; stroke: #021420; stroke-width: 1; }

@keyframes hrRadarIn {
  from { transform: scale(0.2); opacity: 0; }
  to   { transform: scale(1);   opacity: 1; }
}

/* ---------- Официальные проверки (чек-лист) ---------- */
.hr-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.hr-check {
  display: flex; align-items: baseline; gap: 8px;
  padding: 7px 10px;
  font-family: 'Rajdhani', sans-serif; font-size: 13px;
  background: rgba(0, 229, 255, 0.03);
  border-left: 2px solid rgba(0, 229, 255, 0.4);
}
.hr-check .dot { flex: 0 0 auto; align-self: center; width: 8px; height: 8px; }
.hr-check__name { flex: 1 1 auto; color: #a5c5d4; letter-spacing: 0.03em; }
.hr-check__res {
  flex: 0 1 auto;
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  text-align: right;
}
.hr-check__ico { font-style: normal; margin-right: 5px; }
.hr-check--ok   { border-left-color: #00e676; }
.hr-check--ok .hr-check__res   { color: #00e676; }
.hr-check--warn { border-left-color: #ffb300; background: rgba(255, 179, 0, 0.05); }
.hr-check--warn .hr-check__res { color: #ffb300; }
.hr-check--fail { border-left-color: #ff2d55; background: rgba(255, 45, 85, 0.07); }
.hr-check--fail .hr-check__res { color: #ff2d55; }

/* ---------- Риск-шкалы ---------- */
.hr-scale { margin-bottom: 12px; }
.hr-scale:last-child { margin-bottom: 0; }
.hr-scale__head {
  display: flex; justify-content: space-between; align-items: baseline; gap: 10px;
  margin-bottom: 5px;
  font-family: 'Rajdhani', sans-serif;
}
.hr-scale__name { font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: #a5c5d4; }
.hr-scale__val { font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 700; white-space: nowrap; }
.hr-scale__val i { font-style: normal; font-size: 10px; color: #7d99b0; }
.hr-scale__track {
  height: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(0, 229, 255, 0.2);
}
.hr-scale__fill {
  height: 100%;
  transform-origin: left center;
  animation: hrBarIn 0.9s ease-out both;
}
.hr-scale--green .hr-scale__fill { background: linear-gradient(90deg, rgba(0, 230, 118, 0.25), #00e676); box-shadow: 0 0 8px rgba(0, 230, 118, 0.5); }
.hr-scale--amber .hr-scale__fill { background: linear-gradient(90deg, rgba(255, 179, 0, 0.25), #ffb300);  box-shadow: 0 0 8px rgba(255, 179, 0, 0.5); }
.hr-scale--red .hr-scale__fill   { background: linear-gradient(90deg, rgba(255, 45, 85, 0.25), #ff2d55);  box-shadow: 0 0 8px rgba(255, 45, 85, 0.5); }
.hr-scale--green .hr-scale__val { color: #00e676; }
.hr-scale--amber .hr-scale__val { color: #ffb300; }
.hr-scale--red .hr-scale__val   { color: #ff2d55; }
.hr-scale__note {
  margin-top: 4px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; color: #7d99b0;
}

@keyframes hrBarIn {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

/* ---------- TRIPWIRES — блокирующие сигналы ---------- */
.hr-tripwires {
  border: 1px solid #ff2d55; border-left-width: 3px;
  background: rgba(255, 45, 85, 0.07);
  padding: 12px 14px;
  font-family: 'JetBrains Mono', monospace;
  box-shadow: 0 0 14px rgba(255, 45, 85, 0.25), inset 0 0 20px rgba(255, 45, 85, 0.05);
}
.hr-tripwires__title {
  font-size: 11px; font-weight: 700; letter-spacing: 0.2em;
  color: #ff2d55;
  margin-bottom: 8px;
  animation: hrPulse 2s infinite;
}
.hr-tripwires ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.hr-tripwires li { font-size: 11px; line-height: 1.5; color: #ffb3c0; }
.hr-tripwires li b { color: #ff2d55; margin-right: 8px; }

/* ---------- Заключение / Действия ---------- */
.hr-conclusion {
  margin: 0;
  font-family: 'Rajdhani', sans-serif;
  font-size: 13.5px; line-height: 1.55; letter-spacing: 0.02em;
  color: #d5ebf4;
}
.hr-actions { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.hr-actions li {
  position: relative;
  padding: 6px 10px 6px 24px;
  font-family: 'Rajdhani', sans-serif; font-size: 13px;
  background: rgba(0, 229, 255, 0.04);
  border-left: 2px solid #00e5ff;
}
.hr-actions li::before {
  content: '▸';
  position: absolute; left: 9px;
  color: #00e5ff;
}

/* ---------- Дисклеймер ---------- */
.hr-disclaimer {
  font-size: 10.5px; line-height: 1.6; letter-spacing: 0.03em;
  padding: 10px 4px 0;
  border-top: 1px dashed rgba(0, 229, 255, 0.15);
}

/* ============================================================
   RESPONSIVE — мобильная адаптация вкладки HR
   ============================================================ */
@media (max-width: 768px) {
  .hr-cards { grid-template-columns: 1fr; gap: 10px; }
  .hr-detail__grid { grid-template-columns: 1fr; gap: 12px; }
  .hr-detail__top { gap: 12px; }
  .hr-detail__stats { width: 100%; }
  .hr-stat { flex: 1 1 0; min-width: 0; padding: 8px 10px; }
  .hr-verdict { width: 100%; font-size: 13px; letter-spacing: 0.14em; padding: 12px 14px; }
  .hr-detail__name { font-size: 17px; }

  .hr-pipeline { gap: 6px; }
  .hr-stage { font-size: 10px; padding: 4px 9px; letter-spacing: 0.1em; }

  .hr-check { flex-wrap: wrap; }
  .hr-check__res { flex-basis: 100%; text-align: left; padding-left: 16px; }

  .hr-badge { font-size: 9px; padding: 2px 7px; letter-spacing: 0.12em; }
}

@media (prefers-reduced-motion: reduce) {
  .hr-radar__valuewrap, .hr-scale__fill,
  .hr-badge--demo, .hr-tripwires__title { animation: none !important; }
}

/* ============================================================
   ДАШБОРД ↔ HR: кадровый модуль показывает кандидатов из HR-демо
   (селектор кандидатов + кнопка перехода в досье)
   ============================================================ */
.dcand-selector {
  display: flex; gap: 6px; flex-wrap: wrap;
  padding: 8px 10px 0;
}
.dcand-chip {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 229, 255, 0.25);
  color: #7d99b0; cursor: pointer;
  font-family: 'Rajdhani', sans-serif; font-size: 11px; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 4px 10px;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.dcand-chip:hover { color: #d5ebf4; }
.dcand-chip--green.is-active { color: #00e676; border-color: #00e676; background: rgba(0, 230, 118, 0.12); }
.dcand-chip--amber.is-active { color: #ffb300; border-color: #ffb300; background: rgba(255, 179, 0, 0.12); }
.dcand-chip--red.is-active   { color: #ff2d55; border-color: #ff2d55; background: rgba(255, 45, 85, 0.12); }
.dcand-open {
  display: block; width: calc(100% - 20px);
  margin: 4px 10px 10px;
  text-align: center;
}

/* Бейджи внутри HR-контента должны течь в потоке, а не липнуть к углу панели
   (глобальный .badge в styles.css — position:absolute для таббара) */
#cand-fields .badge,
.hr-card__info .badge,
.hr-block__title .badge {
  position: static;
  display: inline-block;
  font-size: 10px;
  padding: 1px 8px;
  border-radius: 3px;
  border: 1px solid currentColor;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: none;
}
#cand-fields .badge--green, .hr-card__info .badge--green, .hr-block__title .badge--green { color: #00e676; background: rgba(0,230,118,0.1); }
#cand-fields .badge--amber, .hr-card__info .badge--amber, .hr-block__title .badge--amber { color: #ffb300; background: rgba(255,179,0,0.1); }
#cand-fields .badge--red,   .hr-card__info .badge--red,   .hr-block__title .badge--red   { color: #ff2d55; background: rgba(255,45,85,0.1); }