/* ============================================================
   «Шабыт» 2026 — скин для внутренних страниц (кабинет, заявки,
   модерация, аналитика).

   Подключается ПОСЛЕ текущего styles.css сайта и ничего не меняет
   в разметке. Переопределяет переменные старой темы, шрифты, шапку,
   подвал, кнопки, баннеры и карточки форм, чтобы кабинет не выбивался
   из нового дизайна. Логику форм и таблиц не трогает.

   <link rel="stylesheet" href="styles.css">
   <link rel="stylesheet" href="tokens.css">
   <link rel="stylesheet" href="app-shell.css">
   ============================================================ */

:root {
  /* имена переменных старой темы → значения новой */
  --violet:  #6B5BFF;
  --blue:    #6B5BFF;
  --blue-2:  #6B5BFF;
  --pink:    #FF2E63;
  --gold:    #FFB400;
  --teal:    #22D3EE;
  --orange:  #FF6B3D;
  --ink:     #0E0E22;
  --ink-2:   #23233F;
  --muted:   #5B5B73;
  --line:    #DCDCE6;
  --bg:      #F3F3F8;
  --night:   #0E0E22;
  --white:   #FFFFFF;
  --radius:  6px;
  --shadow:  0 18px 40px -24px rgba(14, 14, 34, 0.35);
  --gradient: linear-gradient(100deg, #6B5BFF 0%, #FF2E63 100%);
  --container: 1280px;
}

/* --- Шрифты --- */
body { font-family: "Onest", "Segoe UI", Arial, sans-serif; color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: "Unbounded", "Arial Black", sans-serif; font-weight: 600; letter-spacing: -0.01em; }
h4, h5, label, th { font-family: "Onest", "Segoe UI", Arial, sans-serif; }

/* --- Шапка: без градиентной полосы, матово-белая --- */
.site-header { background: rgba(243, 243, 248, 0.9); -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); border-bottom: 1px solid var(--line); border-image: none; box-shadow: none; }
.topbar { background: #08081A; color: #A3A3B8; }
.topbar a { color: #C9C9D6; }
.lang-btn { border-radius: 999px; padding: 2px 10px; color: #A3A3B8; background: transparent; border: 0; }
.lang-btn.is-active { background: #fff; color: var(--ink); font-weight: 500; }
.nav-links a { font-weight: 500; color: var(--ink); opacity: 0.86; }
.nav-links a:hover, .nav-links a.is-active { opacity: 1; color: var(--ink); }
.brand__text { font-family: "Unbounded", sans-serif; font-weight: 600; }

/* --- Кнопки: пилюли, один градиент только у основной --- */
.btn { border-radius: 999px; font-weight: 500; font-family: inherit; box-shadow: none; }
.btn--primary { background: var(--gradient); color: #fff; box-shadow: 0 14px 30px -14px rgba(107, 91, 255, 0.65); }
.btn--primary:hover { filter: brightness(1.07); box-shadow: 0 18px 34px -14px rgba(255, 46, 99, 0.55); }
.btn--ghost { background: transparent; color: var(--ink); border: 1px solid var(--line); }
.btn--ghost:hover { border-color: var(--ink); color: var(--ink); }
.btn--light { background: #fff; color: var(--ink); border: 1px solid var(--line); }
.btn--light:hover { border-color: var(--ink); }

/* --- Баннеры внутренних страниц: тёмная сцена со светом рампы --- */
.page-banner, .nom-hero {
  background: #0E0E22;
  background-image:
    radial-gradient(60% 120% at 0% 0%, rgba(107, 91, 255, 0.5), transparent 60%),
    radial-gradient(50% 120% at 100% 20%, rgba(255, 46, 99, 0.35), transparent 60%);
  color: #fff;
  border-bottom: 0;
}
.page-banner h1, .nom-hero h1 { color: #fff; }
.page-banner__sub, .nom-hero__sub { color: #C9C9D6; }
.page-banner__deco { display: none; }
.page-banner--staff { background-image: radial-gradient(60% 120% at 0% 0%, rgba(34, 211, 238, 0.35), transparent 60%), radial-gradient(50% 120% at 100% 20%, rgba(107, 91, 255, 0.4), transparent 60%); }

/* --- Карточки и формы --- */
.form-card, .card, .panel, .stat-card, .choice-card, .table-wrap {
  border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; background: #fff;
}
.form-card { border-image: none; border-top: 1px solid var(--line); margin-top: 0; }
.form-input, input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  font-family: inherit; border: 1px solid var(--line); border-radius: var(--radius); background: #fff;
}
.form-input:focus, input:focus, select:focus, textarea:focus { border-color: var(--violet); box-shadow: 0 0 0 3px rgba(107, 91, 255, 0.18); }
.choice-card:has(input:checked) { border-color: var(--violet); background: #F3F1FF; }

.subnav a { border-radius: 999px; font-weight: 500; border: 1px solid var(--line); color: var(--ink-2); }
.subnav a.is-active, .subnav a[aria-current] { background: var(--ink); color: #fff; border-color: var(--ink); }

.badge { border-radius: 999px; font-weight: 500; }
.badge--info { background: #ECEAFF; color: #3F31B8; }

.filters label { font-weight: 500; color: var(--muted); }
th { font-weight: 600; color: var(--ink-2); }

/* --- Статусы заявки (шаги) --- */
.steps .is-current { color: var(--violet); }
.steps .is-done { color: var(--ink); }

/* --- Подвал --- */
.site-footer { background: #08081A; color: #A3A3B8; border-top: 0; }
.site-footer a:hover { color: #fff; }
.footer__brand { color: #fff; }

/* --- Фокус --- */
:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; }