/*
 * Сгенерировано дизайн-конструктором iEXExchanger.
 * Источник настроек: админка iEXExchanger и сохранённые ключи оформления.
 * Не редактируйте этот файл вручную: изменения нужно публиковать из админ-панели.
 * © iEXExchanger. Все права защищены.
 *
 * Тема MonetaGO DARK SOFT: тёмно-синий, но приподнятый — фон мягче, панели светлее.
 * Акцент — фирменный синий (#286CF7). Структура и правила те же, что в основной тёмной теме.
 *
 * ─────────────────────────────────────────────────────────────────────────
 * РЕДАКЦИЯ A11Y (Impeccable colorize, вариант «сохранить синий, починить контраст»):
 *   • Добавлен --primary-text (#6DA8FF) — светлый синий ТОЛЬКО для текста/ссылок
 *     на тёмном фоне. Прежний #286CF7 как текст давал 3.33:1 (провал WCAG AA);
 *     #6DA8FF даёт ~6:1. Кнопки/фон с #286CF7 не тронуты — там белый текст проходит.
 *   • .text-primary и .formatting__text a переведены на --primary-text.
 *   • --footer-link-hover переведён на --primary-text.
 *   • Опциональная иерархия текста (--muted-foreground) — закомментирована.
 *   Все правки помечены [A11Y FIX] / [ОПЦИЯ].
 * ─────────────────────────────────────────────────────────────────────────
 * РЕДАКЦИЯ «LIGHTER PASS»: тема осветлена на один шаг (тот же синий оттенок).
 *   • База/secondary: #141A30 → #1C2748
 *   • Секции:         #1A2240 → #232C54
 *   • Панели/карточки/тулбар/футер/popover/exchange-text: #1C2440 → #263156
 *   • Утопленные поля/input/amount: #10152A → #191F3E
 *   • Выбор/резервы/счётчик (хардкод): #233056 → #2C3A66
 *   • Ховеры пунктов и кнопок (хардкод): #1E2A4A → #273761
 *   • Поверхность выпадашки в шапке: #1A2240 → #232C54
 *   Акцент #286CF7 и белый текст не тронуты; контраст в норме.
 * ─────────────────────────────────────────────────────────────────────────
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* Фирменный шрифт — Halvar Breitschrift. В Google Fonts его нет, поэтому в вебе грузим Inter как fallback. */

:root {
    --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --radius: 0.75rem;
    --input-container-height: 50px;
    --select-container-height: 50px;
    --field-container-radius: calc(var(--radius) + 4px);
    --app-background: #1C2748;            /* база — мягкий тёмно-синий (приподнят с #0B0E1A) */
    --app-foreground: #ffffff;
    --section-background: #232C54;        /* у коллеги тут был «пробный» #ed0000 — поставил фирменный тёмный */
    --background: #263156;                /* панели/карточки — на тон светлее базы */
    --foreground: #ffffff;
    --card: #263156;
    --card-foreground: #ffffff;
    --popover: #263156;
    --popover-foreground: #ffffff;
    --primary: #286CF7;                   /* фирменный синий */
    --primary-foreground: #ffffff;
    --primary-text: #6DA8FF;              /* [A11Y FIX] светлый синий ТОЛЬКО для текста/ссылок на тёмном (3.33→~6:1). Кнопки оставляем на --primary. */
    --secondary: #1C2748;
    --secondary-foreground: #ffffff;
    --muted: #191F3E;                     /* утопленные поля — темнее базы, но уже не чёрные */
    --muted-foreground: #ffffff;          /* второстепенный текст — белый */
    /* [ОПЦИЯ иерархии] чтобы отличать основной текст от второстепенного, замените строку выше на:
       --muted-foreground: #AEB6CC;       контраст ~6:1, всё ещё хорошо читаемо, но даёт визуальную иерархию */
    --accent: #286CF7;
    --accent-foreground: #ffffff;
    --destructive: #dc2626;
    --destructive-foreground: #ffffff;
    --border: #FFFFFF1F;
    --input: #FFFFFF1F;
    --input-background: #191F3E;
    --ring: #FFFFFF33;
    --toolbar: #263156;
    --toolbar-foreground: #ffffff;
    --toolbar-border: #2A3556;            /* ВСЕ ОК НЕ ТРОГАТЬ */
    --footer-background: #263156;
    --footer-foreground: #ffffff;
    --footer-muted-foreground: #ffffff;   /* текст-описание в футере — белый */
    --footer-border: #FFFFFF1F;
    --footer-link: #ffffff;
    --footer-link-hover: var(--primary-text);  /* [A11Y FIX] было #286CF7 (3.33:1 на тёмном) → светлый синий */
    --footer-accent: color-mix(in oklab, var(--primary) 16%, transparent); /* не нашел что меняет */
    --exchange-text-background: #263156;
    --exchange-text-foreground: #ffffff;
    --exchange-text-border: #FFFFFF1F;
    --exchange-amount-background: #191F3E;
    --exchange-amount-foreground: #ffffff;
}

.dark {
    --app-background: #1C2748;
    --app-foreground: #ffffff;
    --section-background: #232C54;        /* был «пробный» #ed0000 — поставил фирменный тёмный */
    --background: #263156;
    --foreground: #ffffff;
    --card: #263156;
    --card-foreground: #ffffff;
    --popover: #263156;
    --popover-foreground: #ffffff;
    --primary: #286CF7;
    --primary-foreground: #ffffff;
    --primary-text: #6DA8FF;              /* [A11Y FIX] см. комментарий в :root */
    --secondary: #1C2748;
    --secondary-foreground: #ffffff;
    --muted: #191F3E;
    --muted-foreground: #ffffff;
    /* [ОПЦИЯ иерархии] альтернатива: --muted-foreground: #AEB6CC; */
    --accent: #286CF7;
    --accent-foreground: #ffffff;
    --destructive: #dc2626;
    --destructive-foreground: #ffffff;
    --border: #FFFFFF1F;
    --input: #FFFFFF1F;
    --input-background: #191F3E;
    --ring: #FFFFFF33;
    --toolbar: #263156;
    --toolbar-foreground: #ffffff;
    --toolbar-border: #FFFFFF1F;
    /*--toolbar-border: #2A3556; ВСЕ ОК НЕ ТРОГАТЬ */
    --footer-background: #263156;
    --footer-foreground: #ffffff;
    --footer-muted-foreground: #ffffff;   /* текст-описание в футере — белый */
    --footer-border: #FFFFFF1F;
    --footer-link: #ffffff;
    --footer-link-hover: var(--primary-text);  /* [A11Y FIX] было #286CF7 */
    --footer-accent: color-mix(in oklab, var(--primary) 16%, transparent); /* не нашел что меняет */
    --exchange-text-background: #263156;
    --exchange-text-foreground: #ffffff;
    --exchange-text-border: #FFFFFF1F;
    --exchange-amount-background: #191F3E;
    --exchange-amount-foreground: #ffffff;
}

body, input, button, textarea, select {
    font-family: var(--font-sans);
}

/* Рамка */
.bg-exchange-text {
  border: 1px solid #FFFFFF1F !important;
}

/* Рамка */
.exchange-panel {
  border: 1px solid #FFFFFF1F !important;
}

/* Рамка */
.banner-card {
  border: 1px solid #FFFFFF1F !important;
}

/* Рамка */
.bg-card {
  border: 1px solid #FFFFFF1F !important;
}

/* Рамка */
.bg-footer-background {
  border: 1px solid #FFFFFF1F !important;
}

/* Рамка */
.mt-3.rounded-2xl.bg-primary.p-4 {
  border: 1px solid #FFFFFF1F !important;
}

/* Цвет текста — фирменный синий */
.text-primary {
  color: var(--primary-text);   /* [A11Y FIX] было #286CF7 (3.33:1) → #6DA8FF (~6:1) */
}

/* Цвет ссылок в тексте — фирменный синий */
.formatting__text a {
  color: var(--primary-text);   /* [A11Y FIX] было #286CF7 (3.33:1) → #6DA8FF (~6:1) */
}

/* Кнопка наверх */
.fixed.bottom-5.left-5 button {
  background-color: #286CF7 !important;
  /*border-color: #3f414f !important;*/
  color: #ffffff !important;
}

/* Выбранная валюта в списке */
button.exchange__item[style*="background-color"] {
  background-color: #2C3A66 !important;
}

/* Цвет валюты в списке при наведении на нее, но без выбора */
button.exchange__item:hover {
  background-color: #273761 !important;
}

/* Статус оператор ОНЛАЙН — функциональный зелёный */
div.rounded-xl.bg-green-200.text-green-600,
div.rounded-xl.dark\:bg-green-700.dark\:text-green-100 {
  background: #047857 !important;
  color: #ffffff !important;
}

/* Статус оператор ОФЛАЙН — функциональный красный */
div.rounded-xl.bg-red-200.text-red-600,
div.rounded-xl.dark\:bg-red-700.dark\:text-red-100 {
  background: #991B1B !important;
  color: #ffffff !important;
}

/* Резервы */
.reserve-marquee-track .reserve-item__surface {
    background: #2C3A66 !important;
}

.reserve-marquee-track .reserve-item__amount {
    background: #2C3A66 !important;
    color: white;
}

.reserve-marquee-track .reserve-item__icon {
    background: #2C3A66 !important;
}
/* Конец */

/* Кружочек с количеством вложенных элементов в валютах */
.bg-muted {
    background-color: #2C3A66 !important;
}

/* Цвет текста плейсхолдера (ввод данных) */
input::placeholder {
    color: #8088A0;            /* на осветлённом поле #191F3E даёт ~4.6:1 — AA для обычного текста проходит, оставляем */
}

/* Галочка выбрана */
span[data-state="checked"] {
  background: #286CF7 !important;
  border-color: #3B7DF5 !important;
}

/* Галочка НЕ выбрана */
span[data-state="unchecked"] {
  background: rgba(255,255,255,0.03) !important;
  border-color: #3B7DF5 !important;
}

/* Цвет пункта меню в выпадающем списке при наведении на него (шапка сайта) */
.desktop-mega-card[data-active="true"] {
  background-color: #273761 !important;
}

/* Цвет пункта меню в выпадающем списке при наведении на него (профиль) */
[data-state="open"] .hover\:bg-accent:hover {
  background-color: #273761 !important;
}

/* Почта не подтверждена */
.rounded-2xl.border-amber-200\/40 {
  background-color: #B3261E !important;
  border-color: #FFFFFF1F !important;
  color: #ffffff !important;
}

.rounded-2xl.border-amber-200\/40 a,
.rounded-2xl.border-amber-200\/40 a:hover {
  color: #ffffff !important;
}

.flex.flex-wrap.items-center.gap-2
span.inline-flex.items-center.gap-2.rounded-full.border.border-amber-200.bg-amber-50.px-3.py-1.text-xs.font-medium.text-amber-700 {
  background-color: #B3261E !important;
  border-color: #FFFFFF1F !important;
  color: #ffffff !important;
}

.flex.flex-wrap.items-center.gap-2
span.inline-flex.items-center.gap-2.rounded-full.border.border-amber-200.bg-amber-50.px-3.py-1.text-xs.font-medium.text-amber-700 * {
  color: #ffffff !important;
}
/* Конец */

/* Почта подтверждена в ЛК — функциональный зелёный */
.border-emerald-200.bg-emerald-50.text-emerald-700 {
  background-color: #047857 !important;
  border-color: #FFFFFF1F !important;
  color: #ffffff !important;
}

.border-emerald-200.bg-emerald-50.text-emerald-700 * {
  color: #ffffff !important;
}
/* Конец */

/* Время истекло, Ожидается оплата, Отменена клиентом, Заявка оплачена,
Заявка отложена, В процессе оплаты, Недействительна, Заявка удалена в ЛК */
div.bg-gray-100.rounded-2xl {
  /*background: #f02400 !important; серый фон */
  color: #ffffff !important;
}

/* Ожидает обработки в ЛК */
div.bg-blue-100.rounded-2xl {
  background: #3A475C !important;
  color: #ffffff !important;
}

/* Заявка исполнена в ЛК */
div.bg-green-100.rounded-2xl {
    /*background: #16a34a !important; */
  background: #065F46 !important;
  color: #ffffff !important;
}

/* Заявка отклонена в ЛК*/
div.bg-red-100.rounded-2xl {
  background: #7F1D1D !important; /* фон */
  color: #ffffff !important;      /* текст */
}

/* Активные шаги хода заявки при УСПЕХЕ */
div.bg-emerald-500 {
  background: #065F46 !important;
  color: #ffffff !important;
}

div.shadow-emerald-500\/25 {
  box-shadow: 0 0 16px rgba(6, 95, 70, 0.35) !important;  /* #065F46 */
}
/* Конец */

/* Активные шаги хода заявки при НЕУДАЧАХ */
div.bg-destructive {
  background: #7F1D1D !important;
  color: #ffffff !important;
}

div.shadow-destructive\/25{
  box-shadow: 0 0 16px rgba(127, 29, 29, 0.35) !important; /* #7F1D1D */
}

.text-destructive {
  color: #ffffff !important;
}
/* Конец */

/* Пункты меню + Бонусный центр в ЛК */
a.account-layout__nav-item{
  --color-green-500: #286CF7 !important;
}

a.account-layout__nav-item[href$="/account/bonus-center"]:not(.bg-green-500){
  background: transparent !important;
  color: #ffffff !important;
}

a.account-layout__nav-item[href$="/account/bonus-center"]:not(.bg-green-500):hover{
  color: #ffffff !important;
  --color-green-500: #273761 !important;
  background-color: #273761 !important;
}

a.account-layout__nav-item:not(.bg-green-500):hover{
  background-color: #273761 !important;
}
/* Конец */

/* Бонусный центр: звёздочка белая и без прозрачности */
a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-primary,
a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-secondary{
  fill: #fff !important;
}

a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-secondary{
  opacity: 1 !important;
}
/* Конец */

/* Реферальный блок */
app-partners div.rounded-3xl.bg-primary{
  background-color: #263156 !important; /* твой цвет вместо красного */
  border: 1px solid #FFFFFF1F !important;
}

/* Иконка в фильтрах раздела МОИ ЗАЯВКИ всегда белая, даже при наведении */
button.group:hover svg,
button.group:hover svg *{
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Рамка поля ввода Мои промокоды */
.dark\:data-\[invalid\=true\]\:ring-destructive\/40:where(.dark, .dark *)[data-invalid=true] {
  --tw-ring-color: none;
}

.dark\:data-\[invalid\=true\]\:border-destructive\/50:where(.dark, .dark *)[data-invalid=true] {
  border-color: #FFFFFF1F;
}

/* только при клике / фокусе, не при hover — в тон общей синей подсветке полей */
:where(.dark, .dark *) [data-slot="input"]#promo-code-input:focus-within{
  border-color: #3B7DF5 !important;
  box-shadow: 0 0 0 3px rgba(40, 108, 247, 0.25), 0 0 18px rgba(40, 108, 247, 0.18) !important;
}
/* Конец */

/* В заявке: настройка hover при наведении на кнопку "отменить" */
button[data-slot="button"][class*="hover:bg-accent"]:hover {
    background-color: #273761 !important;
    color: #ffffff !important;
}

/* Выпадающее меню в шапке — сплошной непрозрачный фон, без «стекла».
   Штатная тень shadow-foreground/10 — БЕЛАЯ (давала световой ореол вокруг
   рамки) — заменена на обычную тёмную тень глубины. */
.ui-navigation-menu-content-surface {
  background-color: #232C54 !important;   /* было bg-popover/95 — теперь плотный */
  backdrop-filter: none !important;        /* было backdrop-blur-xl */
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
}

/* Убираем светлую подсветку автозаполнения браузера в полях ввода */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--input-background) inset !important;
  box-shadow: 0 0 0 1000px var(--input-background) inset !important;
  -webkit-text-fill-color: var(--foreground) !important;
  caret-color: var(--foreground) !important;
  transition: background-color 99999s ease-in-out 0s;
}

/* Блок ошибок валидации — выделяем как предупреждение */
ui-alert.text-destructive {
  background: rgba(220, 38, 38, 0.10) !important;
  border-color: rgba(220, 38, 38, 0.45) !important;
  border-left: 4px solid #DC2626 !important;
}

/* Заголовок «Обнаружены ошибки…» — светло-красный */
ui-alert.text-destructive ui-alert-title {
  color: #FCA5A5 !important;
  font-weight: 600 !important;
}

/* Красные маркеры списка (текст пунктов остаётся светлым) */
ui-alert.text-destructive li::marker {
  color: #F87171 !important;
}

/* AML-блок «Проверить адрес» — важная информация, фирменный синий */
.formatting__text:has(a[href*="bestchange.ru/report"]) {
  background: rgba(40, 108, 247, 0.10) !important;
  border-color: rgba(40, 108, 247, 0.45) !important;
  border-left: 4px solid #286CF7 !important;
}

/* «Проверить адрес» — кнопка вместо ссылки */
.formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"] {
  display: inline-block !important;
  margin-top: 6px !important;
  padding: 9px 18px !important;
  background: #286CF7 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* гасим подчёркивание от тега <u> внутри */
.formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"] u {
  text-decoration: none !important;
}
.formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"]:hover {
  background: #1f5fe0 !important;
}

/* Стеклянная (frosted) шапка */
ui-toolbar-shell {
  background: rgba(18, 24, 46, 0.62) !important;     /* полупрозрачный навигатор */
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important; /* тонкий световой кант */
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.20) !important;
}

/* Подвал — в тон карточкам «Наши партнёры» (сплошной #263156, без стекла) */
.bg-footer-background {
  background: #263156 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid #FFFFFF1F !important;
  border-top: 1px solid #FFFFFF1F !important;
}

/* Заголовки групп в форме заявки. form2 = отдача, form3 = получение.
   RU по умолчанию, EN — через html[lang="en"]. 

.exchange-order__fields > ui-dynamic-fields::before { content: none !important; display: none !important; }

.exchange-order__fields email-input,
.exchange-order__fields ui-dynamic-input-type,
.exchange-order__fields > currency-field { display: block; }

.exchange-order__fields email-input::before,
.exchange-order__fields ui-dynamic-input-type:has(input[name*="form2"]):not(:has(input[name*="income_telegram"]))::before,
.exchange-order__fields ui-dynamic-input-type:has(input[name*="form3"])::before,
.exchange-order__fields > currency-field::before {
  display: block; width: 100%; text-align: center;
  font-family: var(--font-sans); font-size: 18px; font-weight: 500; line-height: 1.25;
  color: var(--foreground); margin: 24px 0 14px;
}

/* RU (по умолчанию) 
.exchange-order__fields email-input::before { content: "Персональные данные"; }
.exchange-order__fields ui-dynamic-input-type:has(input[name*="form2"]):not(:has(input[name*="income_telegram"]))::before { content: "Данные отправителя"; }
.exchange-order__fields ui-dynamic-input-type:has(input[name*="form3"])::before,
.exchange-order__fields > currency-field::before { content: "Реквизиты получателя"; }

/* EN 
html[lang="en"] .exchange-order__fields email-input::before { content: "Personal details"; }
html[lang="en"] .exchange-order__fields ui-dynamic-input-type:has(input[name*="form2"]):not(:has(input[name*="income_telegram"]))::before { content: "Sender details"; }
html[lang="en"] .exchange-order__fields ui-dynamic-input-type:has(input[name*="form3"])::before,
html[lang="en"] .exchange-order__fields > currency-field::before { content: "Recipient details"; }

/* дедуп 
.exchange-order__fields ui-dynamic-input-type:has(input[name*="form2"]):not(:has(input[name*="income_telegram"]))
  ~ ui-dynamic-input-type:has(input[name*="form2"]):not(:has(input[name*="income_telegram"]))::before { display: none; }
.exchange-order__fields ui-dynamic-input-type:has(input[name*="form3"])
  ~ ui-dynamic-input-type:has(input[name*="form3"])::before { display: none; }
.exchange-order__fields > currency-field ~ ui-dynamic-fields ui-dynamic-input-type:has(input[name*="form3"])::before { display: none; }
/* Конец */

/* Блок ВЕРИФИКАЦИИ — усиливаем синюю выноску (штатный bg-primary/10 даёт тинт ~10%, почти невидим на тёмном) */
.rounded-\[18px\].bg-primary\/10 {
  background: rgba(40, 108, 247, 0.14) !important;
  border: 1px solid rgba(40, 108, 247, 0.48) !important;
  box-shadow: 0 0 0 1px rgba(40, 108, 247, 0.14), 0 6px 18px rgba(40, 108, 247, 0.10) !important;
}

/* Синие выноски (bg-primary/10): та же иерархия текста, что в блоке «описание обмена» —
   обычный текст приглушён (чуть в синеву, под тинт подложки), жирное — белое 700.
   rounded-[22px] — блок на панели обмена, rounded-[18px] — на странице заявки. */
.rounded-\[18px\].bg-primary\/10,
.rounded-\[22px\].bg-primary\/10 {
  color: #DEE5F6 !important;   /* было #C7D2EC — выровнено по яркости с серым блоком */
}

.rounded-\[18px\].bg-primary\/10 strong,
.rounded-\[18px\].bg-primary\/10 b,
.rounded-\[22px\].bg-primary\/10 strong,
.rounded-\[22px\].bg-primary\/10 b {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Блок ШАГОВ ОПЕРАТОРА — нейтральная карточка, чуть притоплена и отодвинута */
.rounded-xl.bg-exchange-text {
  background: #202A4C !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  margin-top: 14px !important;
}

/* Блоки «описание обмена»: иерархия текста.
   Раньше и обычный текст, и <strong> были чисто белыми (400 vs 600 на тёмном не
   различимы) — жирное не ощущалось жирным. Теперь обычный текст приглушён до
   светлого серо-голубого (~9:1 на #202A4C, читается отлично), а жирные фразы —
   чисто белые и весом 700: акцент виден сразу. */
.bg-exchange-text .formatting__text {
  color: #DCE3F4 !important;   /* было #C4CDE4 — слишком блекло; теперь на ступень ярче, но всё ещё тише белого */
}

.bg-exchange-text .formatting__text strong,
.bg-exchange-text .formatting__text b {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* ===== Фон: звёздное небо + падающие звёзды =====
   База уходит на #mg-sky (z-index:-1, сзади контента), body — прозрачный,
   иначе фон body перекрывает отрицательный z-слой. Слой создаётся JS-сниппетом (см. ②). */
body { background-color: transparent !important; background-image: none !important; }

#mg-sky {
  position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
  background-color: var(--app-background);
  background-image:
    radial-gradient(2px 2px at 90px 80px,      rgba(255,255,255,.95), transparent),
    radial-gradient(2px 2px at 350px 210px,    rgba(120,170,255,.85), transparent),
    radial-gradient(1.5px 1.5px at 220px 340px, rgba(255,255,255,.85), transparent),
    radial-gradient(1.5px 1.5px at 60px 50px,   rgba(255,255,255,.70), transparent),
    radial-gradient(1.5px 1.5px at 300px 40px,  rgba(150,185,255,.65), transparent),
    radial-gradient(1px 1px at 25px 40px,       rgba(255,255,255,.50), transparent),
    radial-gradient(1px 1px at 130px 90px,      rgba(190,212,255,.45), transparent),
    radial-gradient(1px 1px at 205px 195px,     rgba(255,255,255,.50), transparent);
  background-size: 460px 460px,460px 460px,460px 460px,320px 320px,320px 320px,220px 220px,220px 220px,220px 220px;
  background-repeat: repeat;
  animation: mg-stars 120s linear infinite;
}
@keyframes mg-stars {
  from { background-position: 0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0; }
  to   { background-position: 0 -460px,0 -460px,0 -460px,0 -320px,0 -320px,0 -220px,0 -220px,0 -220px; }
}

/* Падающая звезда: тонкий наклонный хвост, летит вдоль своего направления (45°) */
#mg-sky .comet {
  position: absolute; width: 170px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, rgba(190,214,255,.95));
  filter: drop-shadow(0 0 4px rgba(150,185,255,.55));
  opacity: 0; animation: mg-comet 33s linear infinite;
}
@keyframes mg-comet {
  0%   { transform: translate(0,0) rotate(135deg); opacity: 0; }
  0.6% { opacity: 1; }
  6%   { opacity: 1; }
  8%   { transform: translate(-90vh,90vh) rotate(135deg); opacity: 0; }
  100% { transform: translate(-90vh,90vh) rotate(135deg); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #mg-sky { animation: none; }
  #mg-sky .comet { animation: none; opacity: 0; }
}

/* «Стеклянная» редакция (2026-08-12, под фон-картинку): поверхности прозрачнее,
   чтобы фон красиво просвечивал. Читаемость держат blur-подложки ниже.
   Плотными остаются: инпуты (#191F3E hex), выпадашка шапки (#232C54), попапы. */
:root, .dark {
  --card: rgba(38,49,86,0.72);
  --background: rgba(38,49,86,0.72);
  --popover: rgba(38,49,86,0.92);              /* всплывающие списки — почти плотные, ради читаемости */
  --exchange-text-background: rgba(38,49,86,0.66);
  --section-background: rgba(35,44,84,0.60);
  --toolbar: rgba(38,49,86,0.60);
}

/* Стекло: размываем фон под основными панелями — прозрачность не съедает контраст */
.exchange-panel,
.bg-card,
.banner-card,
.bg-exchange-text {
  -webkit-backdrop-filter: blur(14px) saturate(130%);
  backdrop-filter: blur(14px) saturate(130%);
}

.bg-footer-background {
  background: rgba(38,49,86,0.78) !important;
  -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
  backdrop-filter: blur(14px) saturate(130%) !important;
}
app-partners div.rounded-3xl.bg-primary { background-color: rgba(38,49,86,0.72) !important; }

/* Гасим синий радиальный блик у баннеров-слайдов (правый-нижний угол).
   Нужна специфичность в два класса — иначе исходное !important-правило не перебить. */
.banner-card.banner-card--soft-gradient {
  background-image: none !important;
}

/* ===== ЕДИНАЯ ПОДСВЕТКА ПОЛЕЙ ВВОДА В ТОН (добавлено 2026-08-12) =====
   Все поля (суммы «Отдаете»/«Получаете», поиск валют, поля форм, textarea):
   1) hover — рамка подсвечивается светло-синим;
   2) фокус/ввод — синяя рамка + мягкое свечение фирменного #286CF7.
   Свечение через box-shadow — размер поля не прыгает. */
.rounded-2xl.bg-exchange-amount-background,
[data-slot="input-group"],
[data-slot="input"],
[data-slot="form-control-input"],
textarea {
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

/* Светиться должен только сам контейнер поля (скруглённый, с рамкой), поэтому:
   • :not(:has(...)) — отсекает внешние обёртки, внутри которых лежит настоящий
     контейнер (их прямоугольная тень торчала «точками» из углов скруглённой рамки);
   • :not([data-slot="input-group"] *) — отсекает внутренности контейнера: у полей
     криптоадреса data-slot="form-control-input" висит на самом <input> внутри
     input-group, и он рисовал второе квадратное свечение поверх правильного. */
[data-slot="input-group"]:hover,
[data-slot="input"]:not(:has([data-slot="input-group"])):not([data-slot="input-group"] *):hover,
[data-slot="form-control-input"]:not(:has([data-slot="input-group"], [data-slot="input"])):not([data-slot="input-group"] *):hover,
textarea:hover {
  border-color: rgba(109, 168, 255, 0.40) !important;
}

[data-slot="input-group"]:focus-within,
[data-slot="input"]:not(:has([data-slot="input-group"])):not([data-slot="input-group"] *):focus-within,
[data-slot="form-control-input"]:not(:has([data-slot="input-group"], [data-slot="input"])):not([data-slot="input-group"] *):focus-within,
textarea:focus-within {
  border-color: #3B7DF5 !important;
  box-shadow: 0 0 0 3px rgba(40, 108, 247, 0.25), 0 0 18px rgba(40, 108, 247, 0.18) !important;
}

/* Поле суммы «Отдаете»/«Получаете»: у контейнера рамки нет (border-width: 0),
   поэтому подсветка выглядела слабее остальных. Рисуем рамку inset-тенью —
   яркость как у всех, макет не сдвигается. */
.rounded-2xl.bg-exchange-amount-background:hover {
  box-shadow: inset 0 0 0 1px rgba(109, 168, 255, 0.40) !important;
}

.rounded-2xl.bg-exchange-amount-background:focus-within {
  box-shadow: inset 0 0 0 1.5px #3B7DF5, 0 0 0 3px rgba(40, 108, 247, 0.25), 0 0 18px rgba(40, 108, 247, 0.18) !important;
}

/* «Поиск валют» — служебное поле, его свечение приглушённее основных
   (рамка полупрозрачная, ореол тоньше и тише) */
search-form [data-slot="input-group"]:hover {
  border-color: rgba(109, 168, 255, 0.28) !important;
}

search-form [data-slot="input-group"]:focus-within {
  border-color: rgba(59, 125, 245, 0.65) !important;
  box-shadow: 0 0 0 2px rgba(40, 108, 247, 0.15), 0 0 10px rgba(40, 108, 247, 0.10) !important;
}

/* Карточки «Наши партнёры»: у движка внутри карточки серая плашка вокруг
   логотипа (bg-background/60) и серый градиентный тинт (from-muted/35) —
   на нашей полупрозрачной карточке выглядят грязным прямоугольником. Гасим:
   логотип лежит прямо на стекле карточки. */
.partner-card > span[class*="bg-gradient-to-br"] {
  background-image: none !important;
}

.partner-card span[class*="bg-background/"] {
  background-color: transparent !important;
}