/*
 * Wygląd paneli BIURO ALFA CSK: kolory z logo ALFA (niebieski znak "L", żółte tło, czerwony napis).
 * Ciemnogranatowa ramka (górny pasek + menu boczne) z cienkim złotym akcentem, jasna i spokojna treść.
 */
:root {
    --alfa-ink: #0a1b3d;
    --alfa-navy: #0f2a5c;
    --alfa-navy-2: #143572;
    --alfa-blue: #1f77c8;
    --alfa-gold: #e9b949;
    --alfa-yellow: #ffcc00;
    --alfa-red: #e30613;
    --alfa-bg: #f4f6fa;
    --alfa-line: #e4e8f0;
    --alfa-muted: #64748b;
    --alfa-frame: linear-gradient(180deg, #0f2a5c 0%, #0b2149 100%);
}

/* Tło całej aplikacji */
.fi-body {
    background-color: var(--alfa-bg);
    -webkit-font-smoothing: antialiased;
}

/* ---------- Górny pasek: granat, złota linia, logo na jasnej plakietce ---------- */
.fi-topbar {
    background: linear-gradient(90deg, var(--alfa-ink) 0%, var(--alfa-navy) 55%, var(--alfa-navy-2) 100%);
    border-bottom: 0;
    box-shadow: inset 0 -1px 0 rgba(233, 185, 73, .65), 0 8px 24px -12px rgba(10, 27, 61, .45);
    color: #e6edfa;
}
.fi-topbar .fi-logo {
    background: #fff;
    border-radius: 999px;
    padding: 3px 12px;
    box-shadow: 0 0 0 1px rgba(233, 185, 73, .55), 0 4px 12px rgba(0, 0, 0, .25);
}
.alfa-topbar-title {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    margin-left: .85rem;
    padding-left: .85rem;
    border-left: 1px solid rgba(255, 255, 255, .16);
    white-space: nowrap;
}
.alfa-topbar-title b {
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .02em;
}
.alfa-topbar-title span {
    color: var(--alfa-gold);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .alfa-topbar-title { display: none; }
}

/* Przyciski ikon w pasku (menu, zwijanie, powiadomienia) */
.fi-topbar .fi-icon-btn {
    color: #c9d6f0;
}
.fi-topbar .fi-icon-btn:hover,
.fi-topbar .fi-icon-btn:focus-visible {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
}

/* Wyszukiwarka w pasku: półprzezroczysta */
.fi-topbar .fi-global-search-field .fi-input-wrp {
    background-color: rgba(255, 255, 255, .08);
    --tw-ring-color: rgba(255, 255, 255, .18);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
    border-radius: .75rem;
}
.fi-topbar .fi-global-search-field .fi-input-wrp:focus-within {
    background-color: rgba(255, 255, 255, .14);
    box-shadow: inset 0 0 0 1px var(--alfa-gold);
}
.fi-topbar .fi-global-search-field input {
    color: #fff;
}
.fi-topbar .fi-global-search-field input::placeholder {
    color: #9fb4dc;
}
.fi-topbar .fi-global-search-field .fi-icon {
    color: #9fb4dc;
}

/* Avatar użytkownika ze złotą obwódką */
.fi-topbar .fi-user-menu-trigger .fi-avatar {
    box-shadow: 0 0 0 2px var(--alfa-ink), 0 0 0 3.5px var(--alfa-gold);
}

/* ---------- Menu boczne: ten sam granat co pasek ---------- */
@media (min-width: 1024px) {
    .fi-sidebar {
        background: var(--alfa-frame);
        box-shadow: inset -1px 0 0 rgba(255, 255, 255, .06);
    }
}
.fi-sidebar.fi-sidebar-open {
    background: var(--alfa-frame);
}
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group-btn,
.fi-sidebar .fi-sidebar-group-collapse-btn {
    color: #8fa6d2;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: .66rem;
    font-weight: 700;
}
.fi-sidebar .fi-sidebar-item-btn {
    color: #dbe4f6;
    border-radius: .6rem;
    transition: background-color .15s ease, color .15s ease;
}
.fi-sidebar .fi-sidebar-item-btn .fi-icon,
.fi-sidebar .fi-sidebar-item-label {
    color: inherit;
}
.fi-sidebar .fi-sidebar-item-btn .fi-icon {
    opacity: .85;
}
.fi-sidebar .fi-sidebar-item-btn:hover,
.fi-sidebar .fi-sidebar-item-btn:focus-visible {
    background-color: rgba(255, 255, 255, .07);
    color: #fff;
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: linear-gradient(90deg, rgba(233, 185, 73, .18) 0%, rgba(255, 255, 255, .06) 100%);
    color: #fff;
    box-shadow: inset 3px 0 0 var(--alfa-gold);
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-icon {
    color: var(--alfa-gold);
    opacity: 1;
}
.fi-sidebar .fi-sidebar-item-grouped-border-part {
    background-color: rgba(255, 255, 255, .22);
}
.fi-sidebar .fi-sidebar-close-collapse-sidebar-btn,
.fi-sidebar .fi-sidebar-open-collapse-sidebar-btn {
    color: #dbe4f6;
}
.fi-sidebar .fi-badge {
    box-shadow: none;
}

/* Przełącznik oddziału w menu bocznym */
.fi-sidebar .fi-tenant-menu-trigger {
    color: #fff;
    border-radius: .8rem;
    background-color: rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.fi-sidebar .fi-tenant-menu-trigger:hover { background-color: rgba(255, 255, 255, .09); }
.fi-sidebar .fi-tenant-menu-trigger-current-tenant-label { color: #8fa6d2; }
.fi-sidebar .fi-tenant-menu-trigger-tenant-name,
.fi-sidebar .fi-tenant-menu-trigger .fi-icon { color: #fff; }
.fi-sidebar .fi-tenant-menu-trigger .fi-tenant-avatar,
.fi-sidebar .fi-tenant-menu-trigger .fi-avatar {
    background: var(--alfa-gold);
    color: var(--alfa-ink);
    font-weight: 700;
}

/* ---------- Treść ---------- */
.fi-header-heading {
    color: var(--alfa-ink);
    letter-spacing: -.02em;
    font-weight: 800;
}
.fi-header-subheading {
    color: var(--alfa-muted);
}

/* Karty, tabele i sekcje: cienka ramka i miękki cień */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    border-radius: 1rem;
    box-shadow: 0 0 0 1px rgba(15, 42, 92, .06), 0 1px 2px rgba(15, 42, 92, .04), 0 8px 24px -8px rgba(15, 42, 92, .08);
}
.fi-section-header-heading {
    color: var(--alfa-ink);
    font-weight: 700;
}

/* Kafelki statystyk: mała etykieta wersalikami, duża liczba w granacie */
.fi-wi-stats-overview-stat-label {
    color: var(--alfa-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.fi-wi-stats-overview-stat-value {
    color: var(--alfa-ink);
    letter-spacing: -.02em;
}

/* Tabele: spokojny nagłówek wersalikami */
.fi-ta-header-cell {
    background-color: #f8fafc;
}
.fi-ta-header-cell,
.fi-ta-header-cell-sort-btn,
.fi-ta-header-cell-label {
    color: var(--alfa-muted);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.fi-ta-row:hover {
    background-color: #f8fbff;
}

/* Główne przyciski: lekki gradient */
.fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link) {
    background-image: linear-gradient(180deg, #2a83d4 0%, #1a68b6 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 2px 6px -1px rgba(31, 119, 200, .45);
}

/* Okna (modale): złota kreska u góry */
.fi-modal-window {
    border-top: 3px solid var(--alfa-gold);
}

/* ---------- Logowanie ---------- */
.fi-simple-layout {
    background:
        radial-gradient(1100px 520px at 0% -10%, rgba(31, 119, 200, .28), transparent 60%),
        radial-gradient(900px 420px at 110% 110%, rgba(233, 185, 73, .30), transparent 60%),
        linear-gradient(160deg, var(--alfa-ink) 0%, var(--alfa-navy) 100%);
}
.fi-simple-main {
    border-top: 4px solid var(--alfa-gold);
    border-radius: 1rem;
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .45);
}