/*
 * Re/Born CRM — pamja e panelit (pa build; ngarkohet nga AdminPanelProvider).
 * CSS pa @layer, ndaj mbizotëron mbi stilet e Filament-it.
 */

:root {
    --crm-bg: #e2e8f0;            /* slate-200: sfondi pas kartave */
    --crm-surface: #ffffff;
    --crm-border: #e4e4e7;
    --crm-muted: #a1a1aa;
    --crm-accent: #2563eb;        /* blue-600 */
    --crm-accent-soft: #eff6ff;   /* blue-50 */
    --crm-accent-soft-2: #dbeafe; /* blue-100 */
    --crm-accent-text: #1e40af;   /* blue-800 */
    --crm-card-shadow: 0 0 0 1px rgb(24 24 27 / 0.06), 0 1px 2px rgb(24 24 27 / 0.04), 0 10px 24px -14px rgb(24 24 27 / 0.18);
    --crm-card-shadow-hover: 0 0 0 1px rgb(37 99 235 / 0.2), 0 2px 4px rgb(24 24 27 / 0.05), 0 16px 32px -16px rgb(15 42 74 / 0.3);
}

html { font-size: 90%; }

/* ---------- Sfondi ---------- */
html:not(.dark) body.fi-body { background-color: var(--crm-bg); }

/* ---------- Shiriti i sipërm ---------- */
html:not(.dark) .fi-topbar {
    background: rgb(255 255 255 / 0.92);
    backdrop-filter: saturate(160%) blur(8px);
    border-bottom: 1px solid var(--crm-border);
    box-shadow: 0 1px 3px rgb(24 24 27 / 0.06);
}

/* ---------- Menuja anësore: blu marine me tekst të bardhë (në të dyja temat) ---------- */
.fi-sidebar {
    background: linear-gradient(180deg, #17365e 0%, #0f2a4a 55%, #0b1f38 100%);
    border-right: 1px solid rgb(255 255 255 / 0.06);
    box-shadow: 6px 0 28px -14px rgb(11 31 56 / 0.55);
}
html.dark .fi-sidebar { background: linear-gradient(180deg, #102844 0%, #0b1f38 60%, #081629 100%); }

.fi-sidebar-nav { padding-top: 1.25rem; }

.fi-sidebar-group-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #93c5fd;               /* blue-300 */
}
.fi-sidebar-group-collapse-btn,
.fi-sidebar-group-btn .fi-icon { color: #93c5fd; }

.fi-sidebar-item-label { font-size: 13px; color: #dbeafe; }   /* blue-100 */
.fi-sidebar-item-icon { color: #93c5fd; }
.fi-sidebar-item-grouped-border-part { background-color: rgb(255 255 255 / 0.18); }

.fi-sidebar-item-btn {
    border-radius: 10px;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.fi-sidebar-item:not(.fi-active) > .fi-sidebar-item-btn:hover { background-color: rgb(255 255 255 / 0.08); }
.fi-sidebar-item:not(.fi-active) > .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.fi-sidebar-item:not(.fi-active) > .fi-sidebar-item-btn:hover .fi-sidebar-item-icon { color: #ffffff; }

/* Elementi aktiv: sfond i bardhë i tejdukshëm + vijë e bardhë majtas */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgb(255 255 255 / 0.14);
    box-shadow: inset 3px 0 0 #ffffff, 0 4px 14px -6px rgb(0 0 0 / 0.35);
}
.fi-sidebar-item.fi-active .fi-sidebar-item-label { color: #ffffff; font-weight: 600; }
.fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: #ffffff; }

/* Shiriti i lëvizjes brenda menusë */
.fi-sidebar-nav { scrollbar-color: rgb(255 255 255 / 0.25) transparent; }

/* ---------- Titulli i faqes ---------- */
.fi-header-heading { font-weight: 700; letter-spacing: -0.02em; }
.fi-header-subheading { color: #71717a; }

/* ---------- Kartat: seksione, tabela, widget-e ---------- */
html:not(.dark) .fi-section:not(.fi-section-not-contained),
html:not(.dark) .fi-ta-ctn,
html:not(.dark) .fi-wi-stats-overview-stat {
    border-radius: 14px;
    box-shadow: var(--crm-card-shadow);
}
html.dark .fi-section:not(.fi-section-not-contained),
html.dark .fi-ta-ctn,
html.dark .fi-wi-stats-overview-stat {
    border-radius: 14px;
    box-shadow: 0 0 0 1px rgb(255 255 255 / 0.07), 0 10px 24px -14px rgb(0 0 0 / 0.6);
}

.fi-wi-stats-overview-stat { transition: transform 0.15s ease, box-shadow 0.15s ease; }
.fi-wi-stats-overview-stat:hover { transform: translateY(-2px); }
html:not(.dark) .fi-wi-stats-overview-stat:hover { box-shadow: var(--crm-card-shadow-hover); }
.fi-wi-stats-overview-stat-value { letter-spacing: -0.02em; }

/* Koka e tabelave pak e theksuar */
html:not(.dark) .fi-ta-header-cell { background-color: #fafafa; }
.fi-ta-header-cell { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; }

/* Butonat kryesorë me pak hije */
html:not(.dark) .fi-btn.fi-color-primary:not(.fi-outlined) { box-shadow: 0 1px 2px rgb(15 42 74 / 0.25), 0 4px 10px -4px rgb(37 99 235 / 0.45); }

/* Tab-et e listave si "pills" */
html:not(.dark) .fi-tabs { background: var(--crm-surface); box-shadow: var(--crm-card-shadow); border-radius: 12px; }

/* ---------- Login / rivendosja e fjalëkalimit ---------- */
html:not(.dark) .fi-simple-layout { background: linear-gradient(135deg, #bfdbfe 0%, #dbeafe 45%, #cbd5e1 100%); }
html:not(.dark) .fi-simple-main { border-radius: 16px; box-shadow: 0 20px 45px -15px rgb(15 42 74 / 0.35); }