/*
 * BIGINOV admin theme: aligns the Filament panel with the public portal
 * (navy/blue palette, teal accents, Plus Jakarta Sans headings, rounded cards).
 * Loaded after Filament's stylesheet via a HEAD_END render hook.
 */

:root {
    --biginov-navy-950: #172554;
    --biginov-navy-900: #1e3a8a;
    --biginov-blue-700: #1d4ed8;
    --biginov-blue-200: #bfdbfe;
    --biginov-blue-50: #eff6ff;
    --biginov-teal-900: #134e4a;
    --biginov-slate-100: #f1f5f9;
    --biginov-radius-card: 1rem;
    --biginov-radius-control: 0.75rem;
}

/* Typography: headings use the portal's headline font */
.fi-header-heading,
.fi-simple-header-heading,
.fi-section-header-heading,
.fi-ta-header-heading,
.fi-modal-heading,
.fi-wi-stats-overview-stat-value,
.fi-account-widget-heading {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    letter-spacing: -0.01em;
}

/* Page header as a navy banner, like the portal's page headers */
.fi-header {
    background: linear-gradient(to right, var(--biginov-navy-900), var(--biginov-navy-950));
    border-radius: var(--biginov-radius-card);
    padding: 1.5rem 1.75rem;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.08);
}

.fi-header .fi-header-heading {
    color: #ffffff;
    font-weight: 800;
}

.fi-header .fi-header-subheading {
    color: var(--biginov-blue-200);
}

.fi-header .fi-breadcrumbs ol li,
.fi-header .fi-breadcrumbs ol li a {
    color: var(--biginov-blue-200);
}

.fi-header .fi-breadcrumbs ol li a:hover {
    color: #ffffff;
}

.fi-header .fi-breadcrumbs ol li .fi-icon {
    color: #60a5fa;
}

/* Cards, tables and stats: rounded-2xl with a soft slate border */
.fi-section:not(.fi-section-not-contained):not(.fi-aside),
.fi-section:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    border-radius: var(--biginov-radius-card);
    --tw-ring-color: var(--biginov-slate-100);
    box-shadow: 0 0 0 1px var(--biginov-slate-100), 0 1px 2px rgb(15 23 42 / 0.04);
}

/* Controls: rounded-xl like portal buttons and inputs */
.fi-btn,
.fi-input-wrp {
    border-radius: var(--biginov-radius-control);
}

.fi-btn {
    font-weight: 700;
}

/* Sidebar: white panel with portal-style active item (bg-blue-50 / text-blue-900) */
.fi-sidebar {
    background-color: #ffffff;
    border-inline-end: 1px solid var(--biginov-slate-100);
}

.fi-sidebar-item-btn {
    border-radius: var(--biginov-radius-control);
}

.fi-sidebar-item-label {
    font-weight: 600;
}

.fi-sidebar-item-btn:hover {
    background-color: #f8fafc;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: var(--biginov-blue-50);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label {
    color: var(--biginov-navy-900);
    font-weight: 700;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-icon {
    color: var(--biginov-blue-700);
}

/* Auth pages (login, register, password reset): landing hero gradient behind the card */
.fi-simple-layout {
    background: linear-gradient(135deg, var(--biginov-navy-950) 0%, var(--biginov-navy-900) 50%, var(--biginov-teal-900) 100%);
}

.fi-simple-main {
    border-radius: 1.25rem;
    box-shadow: 0 25px 50px -12px rgb(2 6 23 / 0.45);
}