/*
 * Фирменный стиль sergeev.studio поверх Filament: заголовки Unbounded,
 * текст Manrope (подключается через ->font()), фон и линии как в шапке сайта.
 * Цвета primary/gray задаются в PanelProvider — здесь только то, чего там нет.
 */

:root {
    --ss-bg: #0e0e0e;
    --ss-accent: #25cbc2;
    --ss-line: rgba(255, 255, 255, 0.09);
    --ss-heading-font: 'Unbounded', system-ui, sans-serif;
}

.fi-header-heading,
.fi-simple-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-empty-state-heading,
.fi-ta-header-heading,
.pp-version {
    font-family: var(--ss-heading-font);
    letter-spacing: -0.01em;
}

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

.fi-section-header-heading {
    font-weight: 600;
}

/* Тёмная тема: фон как у сайта, а не почти-чёрный Filament. */
.dark body,
.dark .fi-body,
.dark .fi-topbar,
.dark .fi-topbar nav {
    background-color: var(--ss-bg);
}

.dark .fi-topbar nav {
    box-shadow: 0 1px 0 var(--ss-line);
}

.dark .fi-section {
    background-color: #151515;
    box-shadow: 0 0 0 1px var(--ss-line);
}

/* Телефон: бейдж срока уходит под название, а не сжимает его в колонку. */
@media (max-width: 640px) {
    .fi-section-header {
        flex-wrap: wrap;
    }

    .fi-section-header-text-ctn {
        flex-basis: 100%;
    }
}

/* Страница входа: бирюзовое свечение, как на первом экране сайта. */
.dark .fi-simple-layout {
    background:
        radial-gradient(60rem 30rem at 15% -10%, rgba(37, 203, 194, 0.16), transparent 60%),
        radial-gradient(40rem 25rem at 110% 110%, rgba(37, 203, 194, 0.08), transparent 60%),
        var(--ss-bg);
}

.dark .fi-simple-main {
    background-color: #151515;
    box-shadow: 0 0 0 1px var(--ss-line), 0 30px 80px -20px rgba(0, 0, 0, 0.6);
}

/* Public live plugin demonstrations. */
.ss-topbar-demo{color:inherit;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap;border:1px solid currentColor;border-radius:999px;padding:8px 12px;opacity:.85}.ss-topbar-demo:hover{opacity:1;color:#25cbc2}.ss-topbar-demo:focus-visible{outline:2px solid #25cbc2;outline-offset:3px}@media(max-width:480px){.ss-topbar-demo{font-size:10px;padding:6px 8px}}


.pp-product-demo{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;margin:16px 0 24px;border:1px solid #25cbc255;border-radius:14px;background:#25cbc20a;color:inherit;text-decoration:none}.pp-product-demo strong{display:block;font-size:14px;font-weight:650}.pp-product-demo small{display:block;font-size:12px;opacity:.65;margin-top:5px}.pp-product-demo>span:last-child{color:#25cbc2;font-size:22px}.pp-product-demo:hover{border-color:#25cbc2;background:#25cbc214}.pp-product-demo:focus-visible{outline:2px solid #25cbc2;outline-offset:3px}

/* На экранах с выезжающим меню демо доступны через навигацию кабинета. */
@media(max-width:1023px){.ss-topbar-demo{display:none}}