/* Videz po vzoru crm.abmobil.app (uporabnik, 3.10.2026): temno modra stranska vrstica, svetlo sivo ozadje, bele kartice
   z obrobo, indigo poudarki, temno modri glavni gumbi. Vrednosti so iz crm.abmobil.app/public/assets/css/app.css.
   Datoteko registrira AppServiceProvider (FilamentAsset, kot zunanji URL, zato ni objave s filament:assets). */
:root {
    --abm-bg: #eef1f7; --abm-surface: #fff; --abm-well: #e5e9f2;
    --abm-ring: rgba(15,23,42,.07); --abm-ring-strong: rgba(15,23,42,.13);
    --abm-shadow-sm: 0 1px 2px 0 rgba(15,23,42,.04);
    --abm-shadow: 0 2px 6px -1px rgba(15,23,42,.07), 0 1px 2px -1px rgba(15,23,42,.05);
    --abm-shadow-lg: 0 16px 32px -8px rgba(15,23,42,.16), 0 4px 8px -4px rgba(15,23,42,.08);
    --abm-card-shadow: 0 0 0 1px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04), 0 6px 16px -6px rgba(15,23,42,.10);
    --abm-btn-main: #141b34; --abm-btn-main-hover: #232d52;
    --abm-sb-bg: #141b34; --abm-sb-text: #b3bbd6; --abm-sb-muted: #6f7aa0; --abm-sb-hover: rgba(255,255,255,.05);
    --abm-sb-border: rgba(255,255,255,.07); --abm-sb-active-bg: rgba(124,115,245,.2); --abm-sb-active: #cdc9ff;
}
.dark {
    --abm-bg: #0b1120; --abm-surface: #111a2e; --abm-well: #0d1526;
    --abm-ring: rgba(255,255,255,.07); --abm-ring-strong: rgba(255,255,255,.14);
    --abm-shadow-sm: 0 1px 2px 0 rgba(0,0,0,.4); --abm-shadow: 0 1px 3px 0 rgba(0,0,0,.5), 0 1px 2px -1px rgba(0,0,0,.5);
    --abm-shadow-lg: 0 16px 32px -8px rgba(0,0,0,.6), 0 4px 8px -4px rgba(0,0,0,.5);
    --abm-card-shadow: 0 0 0 1px rgba(255,255,255,.07), 0 8px 20px -8px rgba(0,0,0,.6);
    --abm-btn-main: #27325e; --abm-btn-main-hover: #33407a;
    --abm-sb-bg: #0a0f1f; --abm-sb-border: rgba(255,255,255,.06);
}

/* Ozadje in besedilo */
.fi-body { background-color: var(--abm-bg); }

/* Stranska vrstica: temno modra, svetlo besedilo, aktivna postavka indigo */
.fi-sidebar, .fi-sidebar-header { background-color: var(--abm-sb-bg); color: var(--abm-sb-text); }
.fi-sidebar-header { box-shadow: none; border-bottom: 1px solid var(--abm-sb-border); padding-inline: 1.75rem; }
.fi-sidebar-header .fi-logo { color: #fff; }
.fi-sidebar-nav { padding: 2rem 1.5rem; scrollbar-color: rgba(255,255,255,.15) transparent; }
.fi-sidebar-group-label { font-size: .6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--abm-sb-muted); }
.fi-sidebar-item-btn { padding: .5625rem .75rem; border-radius: .625rem; transition: background-color .12s, color .12s; }
.fi-sidebar-item-label { color: var(--abm-sb-text); }
.fi-sidebar-item-icon { color: var(--abm-sb-muted); }
.fi-sidebar-item-btn:hover { background-color: var(--abm-sb-hover); }
.fi-sidebar-item-btn:hover .fi-sidebar-item-label { color: #fff; }
.fi-sidebar-item-btn:hover .fi-sidebar-item-icon { color: var(--abm-sb-text); }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background-color: var(--abm-sb-active-bg); }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon { color: var(--abm-sb-active); }
.fi-sidebar-group-collapse-btn, .fi-sidebar-group-btn { color: var(--abm-sb-muted); }
.fi-sidebar-item-grouped-border { border-color: var(--abm-sb-border); }

/* Zgornja vrstica */
.fi-topbar { background-color: var(--abm-surface); box-shadow: 0 1px 0 var(--abm-ring), var(--abm-shadow-sm); padding-inline: 2rem; }
.fi-topbar .fi-icon-btn { border-radius: .625rem; }

/* Vsebina */
.fi-main { padding-inline: 2rem; }
.fi-header-heading { font-size: 1.875rem; line-height: 2.25rem; letter-spacing: -.025em; }

/* Kartice, tabele, okna: obroba in mehka senca namesto Tailwindove */
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-input-wrp, .fi-dropdown-panel, .fi-modal-window, .fi-simple-main, .crm-card {
    background-color: var(--abm-surface);
    box-shadow: 0 0 0 1px var(--abm-ring), var(--abm-shadow-sm);
}
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-modal-window, .fi-simple-main, .crm-card { border-radius: 1rem; }
.fi-section-header { padding: 1rem 1.5rem; }
.fi-section-header-heading { font-size: 1rem; font-weight: 600; }
.fi-section-content { padding: 1.5rem; }
.fi-section-content-ctn { border-top: 1px solid var(--abm-ring); }
.fi-dropdown-panel { box-shadow: 0 0 0 1px var(--abm-ring), var(--abm-shadow-lg); }
.fi-modal-window { box-shadow: 0 0 0 1px var(--abm-ring), var(--abm-shadow-lg); }
.fi-input-wrp { border-radius: .625rem; box-shadow: inset 0 0 0 1px var(--abm-ring-strong), var(--abm-shadow-sm) !important; }
.fi-input-wrp:focus-within { box-shadow: inset 0 0 0 2px var(--primary-600) !important; }
.fi-ta-table thead, .fi-ta-header-cell { background-color: color-mix(in srgb, var(--gray-50) 100%, transparent); }
.fi-ta-row:hover { background-color: var(--gray-50); }
.fi-wi-stats-overview-stat-label { font-weight: 500; color: var(--gray-500); }
.fi-wi-stats-overview-stat-value { font-size: 1.875rem; line-height: 2.25rem; letter-spacing: -.025em; }

/* Gumbi: glavni je temno moder kot stranska vrstica (abmobil: --btn-main), indigo ostane za značke in faze */
.fi-btn { border-radius: .625rem; box-shadow: var(--abm-shadow-sm); }
.fi-btn.fi-color-primary { background-color: var(--abm-btn-main) !important; color: #fff !important; }
.fi-btn.fi-color-primary:hover { background-color: var(--abm-btn-main-hover) !important; }
.fi-btn.fi-color-gray { box-shadow: inset 0 0 0 1px var(--abm-ring-strong), var(--abm-shadow-sm); }

/* Značke: mehka podlaga z notranjo obrobo */
.fi-badge { border-radius: .4375rem; }

/* Prijava: temno modro ozadje z indigo sijem (kot login.php abmobil), bela kartica */
.fi-simple-layout { background: #161b35 radial-gradient(60rem 40rem at 15% 0%, rgba(99,88,232,.45), transparent 60%); }
.fi-simple-main { padding: 2.5rem !important; border-radius: 1rem; }
.fi-simple-header-heading { font-size: 1.5rem; letter-spacing: -.025em; }
.fi-simple-layout .fi-logo { color: var(--gray-950); }
.dark .fi-simple-layout .fi-logo { color: #fff; }

/* Lastni deli (crm-styles, pipeline) */
.crm-stage, .pl-col { background: var(--abm-well); border-radius: 1rem; }
.pl-card, .crm-card { box-shadow: var(--abm-card-shadow); border: 0; }
.pl-card:hover { box-shadow: 0 0 0 1px var(--abm-ring-strong), var(--abm-shadow); }

/* Postavitev kot abmobil: stranska vrstica čez vso višino z znakom v glavi, zgornja vrstica samo nad vsebino.
   Filament sicer riše znak v zgornji vrstici čez vso širino in stransko vrstico pod njo. */
@media (min-width: 64rem) {
    /* Stranska vrstica je sticky v ovoju pod zgornjo vrstico; pripeta na vrh okna, ovoj obdrži njeno širino. */
    .fi-sidebar { position: fixed !important; top: 0 !important; height: 100dvh !important; }
    .fi-layout > div:has(> .fi-sidebar) { width: 16.5rem; flex: none; }
    .fi-sidebar-header { display: flex !important; }
    .fi-topbar-start > a:has(.fi-logo) { display: none; }
    .fi-body-has-navigation .fi-topbar { margin-inline-start: 16.5rem; }
}