@import url('https://fonts.bunny.net/css?family=space-grotesk:400,500');
/* Токены лендинга Adverdex: Space Grotesk для заголовков и цифр, Plus Jakarta Sans для остального */
:root {
    --adverdex-ink: #02070a;
    --adverdex-sky: #0297de;
    --adverdex-sky-wash: #f2f9fe;
    --adverdex-sky-border: #cde9f8;
    --adverdex-border: #e6e8ee;
    --font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
}

.fi-header-heading,
.fi-section-header-heading,
.fi-simple-header-heading,
.fi-modal-heading,
.fi-sidebar-group-label,
.fi-wi-stats-overview-stat-value,
.fi-wi-stats-overview-stat-label,
.fi-wi-chart-heading,
.fi-ta-header-heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
}

.fi-header-heading,
.fi-simple-header-heading {
    font-weight: 500;
}

/* Кнопки с радиусом 8px, как на лендинге; основная — чёрная плашка (midnight) с голубым ховером */
.fi-btn,
.fi-input-wrp,
.fi-dropdown-panel {
    border-radius: 8px;
}

.fi-btn.fi-color-primary:not(.fi-outlined) {
    background-color: var(--adverdex-ink);
    color: #fff;
}

.fi-btn.fi-color-primary:not(.fi-outlined):hover {
    background-color: var(--adverdex-sky);
}

/* Карточки: тонкая рамка вместо тени */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-wi-chart {
    border-radius: 16px;
    border: 1px solid var(--adverdex-border);
    box-shadow: none;
    --tw-ring-shadow: 0 0 #0000;
}

.dark .fi-section,
.dark .fi-ta-ctn,
.dark .fi-wi-stats-overview-stat,
.dark .fi-wi-chart {
    border-color: rgb(255 255 255 / 0.1);
}

/* Страница входа повторяет hero лендинга: тёмный midnight-градиент и светлая карточка */
.fi-simple-layout {
    background: linear-gradient(180deg, #02070a 0, #02070a 55%, #07324a 100%);
}

.fi-simple-main {
    border-radius: 16px;
    box-shadow: 0 24px 64px rgb(2 151 222 / 0.18);
}

.fi-sidebar-item-active .fi-sidebar-item-btn {
    background-color: var(--adverdex-sky-wash);
}

.dark .fi-sidebar-item-active .fi-sidebar-item-btn {
    background-color: rgb(2 151 222 / 0.15);
}