/* ==========================================================================
   ChatSilk — тёмная тема сайта в стиле страницы «Продавцам».
   Палитра и поверхности — из лендинга; раскладка не меняется.
   ========================================================================== */
:root{
  --cs-bg:#0A111E;--cs-panel:#101B2C;--cs-panel2:#16243A;
  --cs-gold:#C9A227;--cs-goldl:#E8D18A;--cs-goldp:#F5E9BF;--cs-mint:#9BDCD5;
  --cs-text:#F2F5F8;--cs-body:#AAB7C9;--cs-muted:#7F8DA2;
  --cs-line:rgba(209,224,243,.10);--cs-line2:rgba(209,224,243,.18);
}
html{background:var(--cs-bg)!important}
body{
  background:
    radial-gradient(900px 620px at 78% 4%,rgba(155,220,213,.055),transparent 62%),
    radial-gradient(1050px 680px at 14% 25%,rgba(201,162,39,.05),transparent 65%),
    var(--cs-bg)!important;
  color:var(--cs-text)!important;
}

/* ── Шапка: как .topbar в test/ ─────────────────────────────────────────── */
header{
  background:rgba(8,15,26,.72)!important;
  border-bottom:1px solid var(--cs-line)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.20)!important;
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  backdrop-filter:blur(22px) saturate(130%);
}
header nav a{color:rgba(201,211,226,.72)!important}
header nav a:hover{color:var(--cs-text)!important}
header nav a.active{color:var(--cs-goldl)!important;background:rgba(201,162,39,.12)!important}
header nav a.active::after{background:var(--cs-gold)!important}
.lang-switcher a{color:rgba(201,211,226,.72)!important}
.lang-switcher a.active{background:rgba(201,162,39,.18)!important;color:var(--cs-goldp)!important;box-shadow:none!important}
.lang-switcher a:hover:not(.active){background:rgba(255,255,255,.06)!important;color:var(--cs-text)!important}
.burger-btn span{background:var(--cs-goldl)!important}
.cabinet-btn{background:linear-gradient(135deg,var(--cs-goldl),var(--cs-gold))!important;color:#0A111E!important;box-shadow:none!important}
@media(max-width:820px){
  header{background:rgba(8,15,26,.94)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  header nav{background:rgba(10,17,30,.98)!important;border-bottom:1px solid var(--cs-line)!important;box-shadow:0 18px 40px rgba(0,0,0,.45)!important}
  header nav a{color:var(--cs-body)!important}
  header nav a:hover{background:rgba(201,162,39,.10)!important}
  header nav a.active{background:rgba(201,162,39,.14)!important}
}

/* ── Текст на всех страницах ────────────────────────────────────────────── */
body>.container,body>main{color:var(--cs-body)!important}
body>.container *,body>main *{color:var(--cs-body)!important}
body>.container h1,body>.container h2,body>.container h3,body>.container h4,body>.container h5,body>.container h6,
body>main h1,body>main h2,body>main h3,body>main h4,body>main h5,body>main h6{color:var(--cs-text)!important}
body>.container a,body>main a{color:var(--cs-goldl)!important}
body>.container strong,body>.container b,body>.container .page-title,
body>main strong,body>main b,body>main .page-title{color:var(--cs-text)!important}
body>.container em,body>main em{color:var(--cs-goldl)!important}
body>.container .page-subtitle,body>.container small,
body>main .page-subtitle,body>main small{color:var(--cs-muted)!important}

/* ── Поверхности: все светлые блоки → тёмные панели ─────────────────────── */
body>.container .card,body>.container .benefit,body>.container .download-card,
body>.container .legal-card,body>.container .offer-block,body>.container .offer-item,
body>.container .requisites,body>.container .requisites-col,body>.container .qr-block,
body>.container .qr-url,body>.container .install-steps,body>.container .install-step,
body>.container .email-card-main,body>.container .feed,body>.container .feed-item,
body>.container .phone-mockup,body>.container .info,body>.container .grid-2>div,
body>main .card{
  background:var(--cs-panel)!important;border-color:var(--cs-line)!important;
  border-radius:16px!important;box-shadow:none!important;
}
/* мелкие бейджи/статусы */
body>.container .offer-item .status.inactive,
body>.container .card-badge,body>.container .badge-active,body>.container .version-badge{
  background:rgba(201,162,39,.16)!important;color:var(--cs-goldp)!important;border-color:rgba(201,162,39,.35)!important;
}
/* золотые кнопки — градиент из лендинга, текст тёмный */
body>.container .card-btn,body>.container .btn-android,body>.container .btn-ios,
body>.container .google,body>.container .apple,body>.container .btn{
  background:linear-gradient(135deg,var(--cs-goldl),var(--cs-gold))!important;
  color:#0A111E!important;border:none!important;box-shadow:none!important;
}
body>.container .card-btn *,body>.container .btn-android *,body>.container .btn *,
body>.container .google *,body>.container .apple *{color:#0A111E!important}
/* светлые «стеклянные» кнопки */
body>.container .hero-buttons a,body>.container .email-card-main .email-link,
body>.container .offer-item .pdf-link,body>.container .cta-buttons .light{
  background:rgba(255,255,255,.07)!important;color:var(--cs-text)!important;
  border:1px solid var(--cs-line2)!important;
}
/* таблицы (тарифы и т.п.) */
body>main table,body>.container table{background:transparent!important;color:var(--cs-body)!important}
body>main tr,body>.container tr,body>main tbody,body>.container tbody{background:transparent!important}
body>main th,body>.container th{background:rgba(201,162,39,.10)!important;color:var(--cs-goldp)!important}
body>main td,body>main th,body>.container td,body>.container th{border-color:var(--cs-line)!important}
/* формы */
body>.container input,body>.container textarea,body>.container select,
body>main input,body>main textarea,body>main select{
  background:var(--cs-panel)!important;color:var(--cs-text)!important;
  border:1px solid var(--cs-line2)!important;border-radius:10px!important;
}
body>.container input::placeholder,body>main input::placeholder{color:var(--cs-muted)!important}
/* модалка legal */
body>.container .modal-content,body>.container .modal,body>main .modal{background:var(--cs-panel)!important;color:var(--cs-body)!important}
/* QR-картинка оставляем на белом — так сканируется */
body>.container .qr-image-wrap{background:#fff!important;border-radius:12px!important}

/* ── Подвал ─────────────────────────────────────────────────────────────── */
footer{border-top:1px solid var(--cs-line)!important;color:var(--cs-muted)!important}
footer a,.footer-links a{color:var(--cs-goldl)!important}
footer p{color:var(--cs-muted)!important}

/* ── Исправления контраста (белое на белом) ─────────────────────────────── */
/* переключатель языков: светлая «таблетка» → тёмная */
.lang-switcher{background:rgba(255,255,255,.06)!important;border:1px solid var(--cs-line)!important}
/* CTA-блок на главной: золотой градиент — текст тёмный */
body>.container .cta{color:#0A111E!important}
body>.container .cta h2,body>.container .cta p,body>.container .cta span{color:#0A111E!important}
/* блок-предупреждение на /download */
body>.container .step-warning{
  background:rgba(201,162,39,.14)!important;color:var(--cs-goldp)!important;
  border-left:4px solid var(--cs-gold)!important;
}
body>.container .step-warning *{color:var(--cs-goldp)!important}
body>.container .step-warning strong{color:var(--cs-goldl)!important}
/* бейджи статусов: тёмный текст на светлом бейдже */
body>.container .offer-item .status.active,
body>.container .offer-item .status.inactive,
body>.container .badge-active,
body>.container .card-badge,
body>.container .version-badge{
  background:var(--cs-goldl)!important;color:#0A111E!important;border:none!important;
}
/* поля и подписи */
body>.container .qr-url{background:var(--cs-panel)!important;color:var(--cs-text)!important}