/* Page 8401 (Кейс КАДИС — email-воронка возврата): стили извлечены из
   inline-<style> тела статьи. Всё scoped под .kadis, токены .rl.
   Подключается автоматически через Assets::elementorCssLink(8401). */

/* ═══ Карточка клиента ═══
   Компактная плашка «реализовано для»: логотип-монограмма КАДИС + ключевые
   факты о масштабе (год основания, годы на рынке, аккредитация, география). */
.kadis-client {
  margin-top: 0;
  display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center;
  padding: 28px 32px;
  background: var(--card, rgba(255,255,255,.04));
  border: 1px solid var(--border, rgba(255,255,255,.1));
  border-radius: var(--radius, 6px);
}
.kadis-client__mark {
  width: 56px; height: 56px; border-radius: 12px;
  background: var(--accent-gradient, linear-gradient(135deg,#EFD6A6,#C9A362));
  color: #14171a;
  display: inline-flex; align-items: center; justify-content: center;
  font: 800 22px/1 inherit; letter-spacing: -.05em;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent, #E3C083) 28%, transparent);
}
.kadis-client__name {
  font-size: 20px; font-weight: 800; color: var(--text, #fff);
  letter-spacing: -.01em; margin: 0 0 4px;
}
.kadis-client__name a { color: inherit; text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--accent, #E3C083) 50%, transparent); }
.kadis-client__name a:hover { color: var(--accent, #E3C083); }
.kadis-client__facts {
  font-size: 14px; color: var(--sec, rgba(255,255,255,0.82)); line-height: 1.55;
  margin: 0;
}
.kadis-client__facts b { color: var(--text, #fff); font-weight: 700; }
@media (max-width: 620px) {
  .kadis-client { grid-template-columns: 1fr; gap: 16px; padding: 22px; text-align: left; }
  .kadis-client__mark { width: 48px; height: 48px; font-size: 19px; }
}

/* ═══ Схема цепочки писем ═══
   Горизонтальная цепочка узлов: Спящий → Письмо 1 → ... → Письмо 5,
   с ответвлением вверх «возврат → авто-закрытие карточки → стоп писем».
   На мобильном разворачивается в вертикаль. */
.kadis-chain {
  margin-top: 36px;
  padding: 36px 28px 28px;
  background: var(--card, rgba(255,255,255,.04));
  border: 1px solid var(--border, rgba(255,255,255,.1));
  border-radius: var(--radius, 6px);
  position: relative; overflow: hidden;
}
.kadis-chain__title {
  font-size: 14px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--muted-hi, rgba(255,255,255,0.82)); margin: 0 0 24px;
}
.kadis-chain__flow {
  display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px;
}
.kadis-chain__node {
  flex: 1 1 0; min-width: 92px;
  padding: 16px 10px; text-align: center;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border, rgba(255,255,255,.12));
  border-radius: 8px;
  font-size: 13px; font-weight: 600; color: var(--sec, rgba(255,255,255,0.82));
  line-height: 1.3;
  position: relative;
}
.kadis-chain__node--sleep {
  background: rgba(255,255,255,.06);
  color: var(--muted-hi, rgba(255,255,255,0.82));
}
.kadis-chain__node b { display: block; color: var(--text, #fff); font-weight: 800;
  font-size: 15px; margin-bottom: 2px; letter-spacing: -.01em; }
.kadis-chain__arrow {
  align-self: center; color: var(--muted, #fff);
  font-size: 18px; font-weight: 700; flex: 0 0 auto;
}
.kadis-chain__node--success {
  background: var(--green-dim, rgba(78,238,160,.12));
  border-color: color-mix(in srgb, var(--green, #4EEEA0) 45%, transparent);
}
.kadis-chain__node--success b { color: var(--green, #4EEEA0); }

/* Ответвление «возврат»: плашка над цепочкой, показывает, что Refresh+ делает,
   когда находит вернувшегося клиента. */
.kadis-chain__return {
  margin-top: 22px; padding-top: 22px;
  border-top: 1px dashed var(--border, rgba(255,255,255,.12));
  display: flex; gap: 14px; align-items: flex-start;
}
.kadis-chain__return-ico {
  flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%;
  background: var(--green-dim, rgba(78,238,160,.12));
  border: 1px solid color-mix(in srgb, var(--green, #4EEEA0) 45%, transparent);
  color: var(--green, #4EEEA0);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 18px;
}
.kadis-chain__return-text {
  font-size: 14px; color: var(--sec, rgba(255,255,255,0.82)); line-height: 1.55; margin: 0;
}
.kadis-chain__return-text b { color: var(--text, #fff); font-weight: 700; }
.kadis-chain__return-text em { font-style: normal; color: var(--green, #4EEEA0); font-weight: 700; }

@media (max-width: 720px) {
  .kadis-chain__flow { flex-direction: column; }
  .kadis-chain__arrow { transform: rotate(90deg); align-self: center; }
  .kadis-chain__node { min-width: 0; }
}

/* ═══ Галерея скриншотов ═══
   Две карточки рядом: дашборд и настройки Refresh+. На мобильном — в колонку. */
.kadis-shots {
  margin-top: 36px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 22px;
}
.kadis-shot {
  background: var(--card, rgba(255,255,255,.04));
  border: 1px solid var(--border, rgba(255,255,255,.1));
  border-radius: var(--radius, 6px);
  overflow: hidden;
  transition: border-color .2s, transform .2s;
}
.kadis-shot:hover {
  border-color: color-mix(in srgb, var(--accent, #E3C083) 45%, transparent);
  transform: translateY(-2px);
}
.kadis-shot__img {
  display: block; width: 100%; height: auto;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.08));
}
.kadis-shot__cap {
  padding: 14px 18px;
  font-size: 14px; color: var(--sec, rgba(255,255,255,0.82)); line-height: 1.45;
}
.kadis-shot__cap b { color: var(--text, #fff); font-weight: 700; display: block; margin-bottom: 2px; }
@media (max-width: 720px) {
  .kadis-shots { grid-template-columns: 1fr; }
}

/* Бейджи в hero — фишки в одну строку (как у ztl featline) */
.kadis-featline { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 22px; }
.kadis-featline span {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 12px; border-radius: 6px;
  background: var(--card, rgba(255,255,255,.04));
  border: 1px solid var(--border, rgba(255,255,255,.1));
  font-size: 13px; color: var(--muted-hi, rgba(255,255,255,0.82));
}
.kadis-featline span::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent, #E3C083);
}

/* Метрики-цифры: пары *-num / *-lbl нужны, чтобы CaseFacts вытащил их в
   карточку на листинге /cases/ и в хабе. */
@media (min-width: 1025px) {
  .kadis .rl-hero { padding: 72px 0 64px; }
}

/* ═══ Метрики «Состав решения» ═══
   Каркас темы выводит .rl-stats как flex без фикс. ширины — пять ячеек с
   подписями разной длины получались разной ширины и не помещались в одну
   линию. Переопределяем здесь в равномерный grid: все ячейки одинаковой
   ширины, в один ряд на десктопе, с аккуратным переносом на узких экранах. */
.kadis .rl-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  padding-top: 0;
  border-top: 0;
  margin-top: 36px;
  text-align: center;
}
.kadis .rl-stat-cell {
  border-right: none;
  border-bottom: none;
  padding: 24px 16px;
  background: var(--card, rgba(255,255,255,.04));
  border: 1px solid var(--border, rgba(255,255,255,.1));
  border-radius: var(--radius, 6px);
}
.kadis .rl-stat-label { font-size: 13px; }
@media (max-width: 980px) {
  .kadis .rl-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .kadis .rl-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .kadis .rl-stats { grid-template-columns: 1fr; }
}