/* ═══════════════════════════════════════════════════════════════════
   accent-c-neva.css — акцент «C» в стиле презентации для МЦ «Нева»
   2026-10-22 (Alex, по запросу Устина).

   Светлый премиальный минимализм: бумага, графитовая типографика,
   тонкие линии, много воздуха; акценты — невский синий (основной),
   бордо (вторичный), золото (детали).

   ВАЖНО: токены объявлены с !important — на страницах есть inline-блоки
   <style> ниже по документу, которые иначе перебивают файл.
   ═══════════════════════════════════════════════════════════════════ */

html[data-accent="c"]{
  --bg:#F5F6F7 !important;
  --card:#FFFFFF !important;
  --card2:#F3F4F6 !important;
  --text:#1C1F24 !important;
  --muted:#4A5058 !important;
  --dim:#5A626B !important;
  --accent:#1D4E79 !important;
  --accent-strong:#163C5E !important;
  --btn-bg:#1D4E79 !important;
  --accent2:#7A2230 !important;
  --ink:#FFFFFF !important;
  --border:rgba(28,31,36,.10) !important;
  --shadow:0 10px 30px rgba(28,31,36,.08) !important;
  --hero:radial-gradient(900px 420px at 12% -12%, rgba(29,78,121,.10), transparent 62%),radial-gradient(700px 360px at 100% 0, rgba(169,139,82,.10), transparent 58%) !important;

  /* токены компонентов кабинета (--om-*) */
  --om-bg:#F5F6F7 !important;
  --om-bg-card:#FFFFFF !important;
  --om-bg-elevated:#F3F4F6 !important;
  --om-text:#1C1F24 !important;
  --om-text-secondary:#4A5058 !important;
  --om-text-muted:#5A626B !important;
  --om-text-dim:#7C848D !important;
  --om-cream:#1C1F24 !important;
  --om-cream-muted:#4A5058 !important;
  --om-cream-dark:#7C848D !important;
  --om-gold:#1D4E79 !important;
  --om-gold-light:#2A6396 !important;
  --om-gold-dark:#163C5E !important;
  --om-gold-pale:rgba(29,78,121,.08) !important;
  --om-gold-border:rgba(28,31,36,.12) !important;
  --om-gold-border-light:rgba(28,31,36,.08) !important;
  --om-shadow:0 10px 30px rgba(28,31,36,.08) !important;
}

/* ── типографика ─────────────────────────────────────────────────── */
html[data-accent="c"] h1,
html[data-accent="c"] h2{letter-spacing:-.015em;font-weight:600}
html[data-accent="c"] .lead,
html[data-accent="c"] .subtext{color:var(--muted)}

/* ── кнопки ──────────────────────────────────────────────────────── */
html[data-accent="c"] .btn-primary,
html[data-accent="c"] .btn-submit,
html[data-accent="c"] .action-btn.primary,
html[data-accent="c"] .action-btn[class*="primary"]{
  background:var(--accent) !important;
  color:#FFFFFF !important;
  border-color:transparent !important;
  box-shadow:0 8px 22px rgba(29,78,121,.22);
}
html[data-accent="c"] .btn-primary:hover,
html[data-accent="c"] .btn-submit:hover,
html[data-accent="c"] .action-btn.primary:hover{background:var(--accent-strong) !important;color:#FFFFFF !important}

html[data-accent="c"] .btn-ghost,
html[data-accent="c"] .action-btn:not(.primary){
  background:var(--card,#fff) !important;
  color:var(--text) !important;
  border:1px solid rgba(28,31,36,.14) !important;
}
html[data-accent="c"] .btn-ghost:hover{border-color:rgba(28,31,36,.30) !important}

html[data-accent="c"] .btn-outline,
html[data-accent="c"] .hdr-newdeal,
html[data-accent="c"] .gdx-ghost{
  background:transparent !important;
  color:var(--accent) !important;
  border-color:rgba(29,78,121,.28) !important;
}
html[data-accent="c"] .btn-outline:hover,
html[data-accent="c"] .hdr-newdeal:hover{background:var(--navy-soft,#EAF1F7) !important;color:var(--accent-strong) !important}

/* табы: активный — светлая синяя подложка + синий текст (было: синее на синем) */
html[data-accent="c"] .tab-btn{background:transparent;color:var(--muted);border:1px solid transparent}
html[data-accent="c"] .tab-btn.active,
html[data-accent="c"] .tab-btn[aria-selected="true"]{
  background:var(--navy-soft,#EAF1F7) !important;
  color:var(--accent) !important;
  border-color:rgba(29,78,121,.24) !important;
  font-weight:600;
}
html[data-accent="c"] .tab-btn:hover{color:var(--accent)}

/* ── карточки ────────────────────────────────────────────────────── */
html[data-accent="c"] .card,
html[data-accent="c"] .qr-card,
html[data-accent="c"] .quick a,
html[data-accent="c"] .om-card,
html[data-accent="c"] .wallet-card,
html[data-accent="c"] .om-stat{
  background:var(--card) !important;
  border:1px solid var(--border) !important;
  border-radius:14px;
}
html[data-accent="c"] .card:hover,
html[data-accent="c"] .quick a:hover{box-shadow:0 10px 30px rgba(28,31,36,.08);border-color:rgba(28,31,36,.16) !important}

/* ── шапка ───────────────────────────────────────────────────────── */
html[data-accent="c"] .site-header,
html[data-accent="c"] .om-header{
  background:rgba(255,255,255,.88) !important;
  border-bottom:1px solid var(--border) !important;
  color:var(--text) !important;
  -webkit-backdrop-filter:saturate(1.1) blur(8px);
  backdrop-filter:saturate(1.1) blur(8px);
}
html[data-accent="c"] .site-header a,
html[data-accent="c"] .om-header a,
html[data-accent="c"] .om-header .logo-svg{color:var(--text) !important}

/* ── читаемость приглушённого текста (остатки тёмных тем) ────────── */
html[data-accent="c"] .auth-card a,
html[data-accent="c"] .auth-card .link,
html[data-accent="c"] .modal a{color:var(--accent) !important}
html[data-accent="c"] .section-title,
html[data-accent="c"] .balance-label,
html[data-accent="c"] .iti__dial-code,
html[data-accent="c"] .gdx-close{color:var(--muted) !important}
html[data-accent="c"] label,
html[data-accent="c"] .field-label{color:var(--muted)}
html[data-accent="c"] .auth-card p,
html[data-accent="c"] .auth-card .subtext,
html[data-accent="c"] .modal p{color:var(--muted) !important}

/* ── статусы и бейджи ────────────────────────────────────────────── */
html[data-accent="c"] .st.confirmed{background:rgba(47,125,91,.14) !important;color:#245c43 !important}
html[data-accent="c"] .st.pending{background:rgba(176,106,30,.14) !important;color:#8a5410 !important}
html[data-accent="c"] .st.rejected{background:rgba(156,43,43,.12) !important;color:#7d2222 !important}
html[data-accent="c"] .pill,
html[data-accent="c"] .badge{background:var(--navy-soft,#EAF1F7) !important;color:var(--accent) !important}

/* ── фокус и выделение ───────────────────────────────────────────── */
html[data-accent="c"] ::selection{background:rgba(29,78,121,.16)}
html[data-accent="c"] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Добор по специфичности: на crm.html правило .hdr-login перебивало белый цвет */
html[data-accent="c"] .btn.btn-primary,
html[data-accent="c"] .btn.btn-primary:hover,
html[data-accent="c"] .btn.hdr-login,
html[data-accent="c"] .hdr-login.btn-primary{color:#FFFFFF !important}