/* ============================================================
   Rediq VPN — накладной редизайн кабинета (redesign.css)
   Подключается ПОСЛЕ основного CSS и переопределяет стили.
   Ничего не ломает: убрать одну строку <link> в index.html — откат.
   ============================================================ */

/* 1. Палитра темы — спокойный винный вместо кислотного красного.
      Меняет акцент по всему кабинету разом (кнопки, ссылки и т.д.). */
:root {
  --accent: #9E1B2C !important;
  --accent-strong: #A8182B !important;
  --accent-light: #E98592 !important;
  --line: #2a2126 !important;
  --card: rgba(28, 18, 21, .34) !important;
  --card-deep: #240810 !important;
  --card-line: #5C0B16 !important;
}

/* 2. Главная кнопка «Продлить» / CTA — мягкий винный градиент,
      не кислотная заливка. */
.mobile-cabinet-btn,
.cta-final-btn {
  background: linear-gradient(135deg, #A8182B, #7C1020) !important;
  box-shadow: 0 10px 26px -12px rgba(168, 24, 43, .7) !important;
  border-radius: 14px !important;
}

/* 3. Hero-блок (верхняя карточка с «Личный кабинет») — чуть глубже фон,
      заметная винная окантовка, мягкое скругление. */
.cabinet-hero,
.cabinet-card {
  background: linear-gradient(165deg, #1f0d12, #160a0e) !important;
  border: 1px solid #5C0B1655 !important;
  border-radius: 20px !important;
}

/* 4. Метрик-карточки (Пользователь/Статус/Трафик и т.д.) —
      убираем «слипание» с фоном: чуть светлее фон + видимая граница. */
.cabinet-metric-card {
  background: #1c1216 !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Иконки метрик — единая аккуратная подложка по смыслу цвета. */
.cabinet-metric-icon {
  border-radius: 10px !important;
}
.cabinet-metric-card--green  .cabinet-metric-icon { background:#13251a !important; border-color:#2a5040 !important; color:#5DCAA5 !important; }
.cabinet-metric-card--orange .cabinet-metric-icon { background:#2a1d0c !important; border-color:#6b4d1f !important; color:#E3B341 !important; }
.cabinet-metric-card--blue   .cabinet-metric-icon { background:#0f2030 !important; border-color:#1f4a5a !important; color:#6FB6F0 !important; }
.cabinet-metric-card--cyan   .cabinet-metric-icon { background:#0f2030 !important; border-color:#1f4a5a !important; color:#6FB6F0 !important; }
.cabinet-metric-card--violet .cabinet-metric-icon { background:#1c1430 !important; border-color:#3a2a6b !important; color:#A795E8 !important; }
.cabinet-metric-card--rose   .cabinet-metric-icon { background:#2a0e16 !important; border-color:#5C2030 !important; color:#E98592 !important; }

/* 5. Вторичные кнопки («Подключить») — делаем ВИДИМЫМИ:
      винная рамка + подложка вместо тёмного-на-тёмном. */
.cabinet-action-btn {
  background: #2a0e14 !important;
  border: 1px solid #8E122077 !important;
  border-radius: 13px !important;
}
.cabinet-action-btn:hover {
  background: #380f18 !important;
  border-color: #A8182Baa !important;
}

/* 6. Текстовые ссылки («Как это сделать», «Сбросить устройства») —
      акцентный цвет, читаемое подчёркивание. */
.cabinet-action-link {
  color: #E98592 !important;
}

/* 7. Бейджи-теги (Платная и т.п.) — аккуратные, читаемые. */
.cabinet-card-tag {
  border-radius: 10px !important;
}
.cabinet-card-tag--success { background:#13251a !important; border-color:#2a5040 !important; color:#7FE0BE !important; }
.cabinet-card-tag--warning { background:#2a1d0c !important; border-color:#6b4d1f !important; color:#E3B341 !important; }
.cabinet-card-tag--danger  { background:#2a0e14 !important; border-color:#5C2030 !important; color:#E98592 !important; }

/* 8. Детальные карточки — единый стиль с остальными. */
.cabinet-details-card {
  background: #150c10 !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 18px !important;
}