/*
 * Sigvia look for the admin area and unbranded garage pages.
 * Loaded only in Sigvia contexts; garages keep their own branding.
 */
:root {
    --sv-navy: #0B1B3A;
    --sv-navy-2: #16295A;
    --sv-mint: #14E0C2;
    --sv-teal: #0F766E;
    --sv-heading-font: 'Space Grotesk', var(--font-family), system-ui, sans-serif;
}

/* Headings in Sigvia's display face */
.fi-header-heading,
.fi-simple-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-wi-stats-overview-stat-value,
.fi-ta-header-heading {
    font-family: var(--sv-heading-font);
    letter-spacing: -0.02em;
}

.fi-header-heading,
.fi-simple-header-heading {
    color: var(--sv-navy);
}

.dark .fi-header-heading,
.dark .fi-simple-header-heading {
    color: #fff;
}

/* Navy top bar in both modes, with the white logo and a mint edge */
.fi-topbar {
    background-color: var(--sv-navy);
    box-shadow: inset 0 -1px 0 rgb(255 255 255 / 0.06);
    border-top: 3px solid var(--sv-mint);
    --gray-400: #AFC0DC;
    --gray-500: #C3CEE0;
    --gray-600: #E1E7F0;
    --gray-700: #F3F6FB;
    --gray-950: #fff;
}

.fi-topbar .fi-logo.fi-logo-light {
    display: none;
}

.fi-topbar .fi-logo.fi-logo-dark {
    display: flex;
}

.fi-topbar .fi-input-wrp {
    background-color: rgb(255 255 255 / 0.08);
    --tw-ring-color: rgb(255 255 255 / 0.14);
}

.fi-topbar .fi-input-wrp input {
    color: #fff;
}

.fi-topbar .fi-input-wrp input::placeholder {
    color: #AFC0DC;
}

.fi-topbar .fi-icon-btn:hover {
    background-color: rgb(255 255 255 / 0.08);
}

/* Sidebar: active item gets a mint marker */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    box-shadow: inset 3px 0 0 var(--sv-mint);
}

/* Sign-in and other single-card pages: Sigvia navy with a mint glow */
.fi-simple-layout {
    background:
        radial-gradient(60rem 40rem at 85% -10%, rgb(20 224 194 / 0.22), transparent 60%),
        radial-gradient(50rem 35rem at -10% 110%, rgb(59 163 255 / 0.16), transparent 60%),
        var(--sv-navy);
}

.fi-simple-main {
    box-shadow: 0 30px 80px rgb(3 10 26 / 0.45);
    border-radius: 18px;
}

.sv-simple-footer {
    margin: 0 auto;
    padding: 0 16px 28px;
    color: #AFC0DC;
    font-size: 13px;
    text-align: center;
}

.sv-simple-footer strong {
    color: #fff;
    font-family: var(--sv-heading-font);
    font-weight: 600;
}