/* ===== SZAFA Platforma — Clean Professional Theme ===== */
/* Uses --szafa-accent-* CSS vars set by theme-switcher.blade.php */

:root {
    --szafa-accent: #4f46e5;
    --szafa-accent-light: #eef2ff;
    --szafa-accent-text: #4338ca;
}

/* ── Sidebar — clean white ── */
.fi-sidebar {
    background: #fff !important;
    border-right: 1px solid #e5e7eb !important;
}

.fi-sidebar-header {
    background: transparent !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.fi-sidebar-nav { background: transparent !important; }

.fi-sidebar-header a,
.fi-sidebar-header span,
.fi-sidebar .fi-logo {
    color: #111827 !important;
}

.dark .fi-sidebar {
    background: #111827 !important;
    border-right: 1px solid #1f2937 !important;
}

.dark .fi-sidebar-header { border-bottom: 1px solid #1f2937 !important; }

.dark .fi-sidebar-header a,
.dark .fi-sidebar-header span,
.dark .fi-sidebar .fi-logo {
    color: #f9fafb !important;
}

/* ── Nav items ── */
.fi-sidebar-item {
    border-radius: 8px !important;
    margin: 1px 8px !important;
    transition: all 0.12s ease !important;
}

.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button { color: #6b7280 !important; }
.fi-sidebar-item:not(.fi-active):hover .fi-sidebar-item-button { background: #f9fafb !important; color: #111827 !important; }

.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button { color: #9ca3af !important; }
.dark .fi-sidebar-item:not(.fi-active):hover .fi-sidebar-item-button { background: #1f2937 !important; color: #f9fafb !important; }

/* Active nav — uses theme accent */
.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: var(--szafa-accent-light) !important;
    color: var(--szafa-accent-text) !important;
    font-weight: 600 !important;
}

.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: color-mix(in srgb, var(--szafa-accent) 12%, transparent) !important;
    color: color-mix(in srgb, var(--szafa-accent) 60%, #fff) !important;
}

/* ── Nav group labels ── */
.fi-sidebar-group-label {
    font-size: 0.65rem !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 14px 16px 4px !important;
    color: #9ca3af !important;
}

.dark .fi-sidebar-group-label { color: #6b7280 !important; }

/* ── Nav badges ── */
.fi-sidebar-item .fi-badge {
    border-radius: 6px !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    padding: 1px 7px !important;
}

/* ── KPI Stat cards ── */
.fi-wi-stats-overview-stat {
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    transition: box-shadow 0.2s !important;
}

.fi-wi-stats-overview-stat:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}

.dark .fi-wi-stats-overview-stat {
    border-color: #1f2937 !important;
    background: #111827 !important;
}

.fi-wi-stats-overview-stat-value {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

.fi-wi-stats-overview-stat-label {
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
}

.fi-wi-stats-overview-stat-description { font-weight: 500 !important; }

/* ── Table widget ── */
.fi-wi-table { border-radius: 10px !important; overflow: hidden !important; }

/* ── Badges ── */
.fi-badge { border-radius: 6px !important; font-weight: 600 !important; font-size: 0.7rem !important; }

/* ── Form tabs — uses theme accent ── */
.fi-tabs-item[aria-selected="true"] .fi-tabs-item-button {
    border-bottom: 2px solid var(--szafa-accent) !important;
    color: var(--szafa-accent-text) !important;
    font-weight: 600 !important;
}

.dark .fi-tabs-item[aria-selected="true"] .fi-tabs-item-button {
    border-bottom-color: var(--szafa-accent) !important;
    color: color-mix(in srgb, var(--szafa-accent) 60%, #fff) !important;
}

/* ── Global search ── */
.fi-global-search-field input { border-radius: 8px !important; }
.fi-global-search-result:hover { background: #f9fafb !important; }
.dark .fi-global-search-result:hover { background: #1f2937 !important; }

/* ── Buttons ── */
.fi-btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.12s ease !important;
}

.fi-btn.fi-color-primary { background: var(--szafa-accent) !important; border: none !important; }
.fi-btn.fi-color-primary:hover { filter: brightness(0.9) !important; }
.fi-btn.fi-color-success { background: #059669 !important; border: none !important; }
.fi-btn.fi-color-danger { background: #dc2626 !important; border: none !important; }

/* ── Cards / sections ── */
.fi-section { border-radius: 10px !important; border: 1px solid #e5e7eb !important; }
.dark .fi-section { border-color: #1f2937 !important; }

/* ── Topbar ── */
.fi-topbar { backdrop-filter: blur(12px) !important; }

/* ── Table ── */
.fi-ta-header-cell {
    font-size: 0.7rem !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #9ca3af !important;
}

.fi-ta-row:hover { background: #f9fafb !important; }
.dark .fi-ta-row:hover { background: rgba(255,255,255,0.02) !important; }

/* ── Tenant switcher ── */
.fi-tenant-menu-trigger {
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    color: #111827 !important;
    font-weight: 600 !important;
}

.fi-tenant-menu-trigger:hover { background: #f9fafb !important; }

.dark .fi-tenant-menu-trigger {
    border-color: #374151 !important;
    background: #1f2937 !important;
    color: #f9fafb !important;
}

/* ── Inputs ── */
.fi-select-input,
.fi-input-wrp { border-radius: 8px !important; }

/* ── Empty state ── */
.fi-ta-empty-state-icon { color: #9ca3af !important; }

/* ── Modal ── */
.fi-modal-window { border-radius: 12px !important; }

/* ── Loading indicator — uses theme accent ── */
.fi-topbar .fi-loading-indicator-bar { background: var(--szafa-accent) !important; }

/* ── Breadcrumbs ── */
.fi-breadcrumbs li a:hover { color: var(--szafa-accent) !important; }

/* ── Page header ── */
.fi-header-heading { font-weight: 700 !important; letter-spacing: -0.01em !important; }