/*
 * Сгенерировано дизайн-конструктором iEXExchanger.
 * Источник настроек: админка iEXExchanger и сохранённые ключи оформления.
 * Не редактируйте этот файл вручную: изменения нужно публиковать из админ-панели.
 * © iEXExchanger. Все права защищены.
 *
 * Тема MonetaGO DARK SOFT: тёмно-синий, но приподнятый — фон мягче, панели светлее.
 * Акцент — фирменный синий (#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: #141A30;            /* база — мягкий тёмно-синий (приподнят с #0B0E1A) */
    --app-foreground: #ffffff;
    --section-background: #1A2240;        /* у коллеги тут был «пробный» #ed0000 — поставил фирменный тёмный */
    --background: #1C2440;                /* панели/карточки — на тон светлее базы */
    --foreground: #ffffff;
    --card: #1C2440;
    --card-foreground: #ffffff;
    --popover: #1C2440;
    --popover-foreground: #ffffff;
    --primary: #286CF7;                   /* фирменный синий */
    --primary-foreground: #ffffff;
    --secondary: #141A30;
    --secondary-foreground: #ffffff;
    --muted: #10152A;                     /* утопленные поля — темнее базы, но уже не чёрные */
    --muted-foreground: #ffffff;          /* второстепенный текст — белый */
    --accent: #286CF7;
    --accent-foreground: #ffffff;
    --destructive: #dc2626;
    --destructive-foreground: #ffffff;
    --border: #FFFFFF1F;
    --input: #FFFFFF1F;
    --input-background: #10152A;
    --ring: #FFFFFF33;
    --toolbar: #1C2440;
    --toolbar-foreground: #ffffff;
    --toolbar-border: #2A3556;            /* ВСЕ ОК НЕ ТРОГАТЬ */
    --footer-background: #1C2440;
    --footer-foreground: #ffffff;
    --footer-muted-foreground: #ffffff;   /* текст-описание в футере — белый */
    --footer-border: #FFFFFF1F;
    --footer-link: #ffffff;
    --footer-link-hover: #286CF7;
    --footer-accent: color-mix(in oklab, var(--primary) 16%, transparent); /* не нашел что меняет */
    --exchange-text-background: #1C2440;
    --exchange-text-foreground: #ffffff;
    --exchange-text-border: #FFFFFF1F;
    --exchange-amount-background: #10152A;
    --exchange-amount-foreground: #ffffff;
}

.dark {
    --app-background: #141A30;
    --app-foreground: #ffffff;
    --section-background: #1A2240;        /* был «пробный» #ed0000 — поставил фирменный тёмный */
    --background: #1C2440;
    --foreground: #ffffff;
    --card: #1C2440;
    --card-foreground: #ffffff;
    --popover: #1C2440;
    --popover-foreground: #ffffff;
    --primary: #286CF7;
    --primary-foreground: #ffffff;
    --secondary: #141A30;
    --secondary-foreground: #ffffff;
    --muted: #10152A;
    --muted-foreground: #ffffff;
    --accent: #286CF7;
    --accent-foreground: #ffffff;
    --destructive: #dc2626;
    --destructive-foreground: #ffffff;
    --border: #FFFFFF1F;
    --input: #FFFFFF1F;
    --input-background: #10152A;
    --ring: #FFFFFF33;
    --toolbar: #1C2440;
    --toolbar-foreground: #ffffff;
    --toolbar-border: #FFFFFF1F;
    /*--toolbar-border: #2A3556; ВСЕ ОК НЕ ТРОГАТЬ */
    --footer-background: #1C2440;
    --footer-foreground: #ffffff;
    --footer-muted-foreground: #ffffff;   /* текст-описание в футере — белый */
    --footer-border: #FFFFFF1F;
    --footer-link: #ffffff;
    --footer-link-hover: #286CF7;
    --footer-accent: color-mix(in oklab, var(--primary) 16%, transparent); /* не нашел что меняет */
    --exchange-text-background: #1C2440;
    --exchange-text-foreground: #ffffff;
    --exchange-text-border: #FFFFFF1F;
    --exchange-amount-background: #10152A;
    --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: #286CF7;
}

/* Цвет ссылок в тексте — фирменный синий */
.formatting__text a {
  color: #286CF7;
}

/* Кнопка наверх */
.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: #233056 !important;
}

/* Цвет валюты в списке при наведении на нее, но без выбора */
button.exchange__item:hover {
  background-color: #1E2A4A !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: #233056 !important;
}

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

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

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

/* Цвет текста плейсхолдера (ввод данных) */
input::placeholder {
    color: #8088A0;
}

/* Галочка выбрана */
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: #1E2A4A !important;
}

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

a.account-layout__nav-item:not(.bg-green-500):hover{
  background-color: #1E2A4A !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: #1C2440 !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: #FFFFFF1F !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.12) !important;
}
/* Конец */

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

/* Выпадающее меню в шапке — сплошной непрозрачный фон, без «стекла» */
.ui-navigation-menu-content-surface {
  background-color: #1A2240 !important;   /* было bg-popover/95 — теперь плотный */
  backdrop-filter: none !important;        /* было backdrop-blur-xl */
  -webkit-backdrop-filter: none !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;
}