/* Modern look for the Filament admin panel. Plain CSS - no build step needed.
   Loaded from AdminPanelProvider via a render hook. */

:root {
    --ui-radius: 0.875rem;
    --ui-ring: rgba(15, 23, 42, 0.06);
    --ui-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -12px rgba(15, 23, 42, .12);
}

body.fi-body, .fi-body {
    font-family: 'Inter', 'Noto Sans Bengali', 'Hind Siliguri', ui-sans-serif, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Soft page background so white cards stand out */
html:not(.dark) .fi-body { background: #f4f6fb; }
.dark .fi-body { background: #0b1020; }

/* Sidebar: clean, floating-feel */
.fi-sidebar { border-right: 1px solid var(--ui-ring); }
.fi-sidebar-item-btn { border-radius: 0.65rem; transition: background .15s, color .15s; }
.fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background: color-mix(in srgb, var(--primary-600) 10%, transparent);
    font-weight: 600;
}
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background: color-mix(in srgb, var(--primary-400) 16%, transparent);
}
.fi-sidebar-group-label { letter-spacing: .06em; text-transform: uppercase; font-size: .68rem; }

/* Top bar: frosted */
.fi-topbar > nav, .fi-topbar nav {
    backdrop-filter: saturate(1.4) blur(10px);
    background: color-mix(in srgb, var(--color-white, #fff) 80%, transparent);
    box-shadow: 0 1px 0 var(--ui-ring);
}
.dark .fi-topbar > nav, .dark .fi-topbar nav {
    background: color-mix(in srgb, #0b1020 80%, transparent);
}

/* Cards: sections, tables, stat widgets */
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat {
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow);
    --tw-ring-color: var(--ui-ring);
}
.fi-wi-stats-overview-stat { transition: transform .15s, box-shadow .15s; }
.fi-wi-stats-overview-stat:hover { transform: translateY(-2px); }
.fi-wi-stats-overview-stat-value { font-weight: 700; letter-spacing: -.02em; }

/* Tables */
.fi-ta-header-cell { text-transform: uppercase; letter-spacing: .04em; font-size: .7rem; }
.fi-ta-row { transition: background .12s; }

/* Buttons, inputs, badges */
.fi-btn { border-radius: 0.65rem; font-weight: 600; transition: transform .1s, box-shadow .15s; }
.fi-btn:active { transform: translateY(1px); }
.fi-input-wrp { border-radius: 0.65rem; }
.fi-badge { border-radius: 999px; font-weight: 600; }

/* Page headings */
.fi-header-heading { font-weight: 700; letter-spacing: -.02em; }

/* Login page: gradient backdrop + elevated card */
.fi-simple-layout {
    background:
        radial-gradient(900px 500px at 15% 0%, color-mix(in srgb, var(--primary-500) 22%, transparent), transparent 60%),
        radial-gradient(800px 500px at 100% 100%, color-mix(in srgb, var(--primary-700) 18%, transparent), transparent 60%),
        #f4f6fb;
}
.dark .fi-simple-layout {
    background:
        radial-gradient(900px 500px at 15% 0%, color-mix(in srgb, var(--primary-500) 25%, transparent), transparent 60%),
        #0b1020;
}
.fi-simple-main {
    border-radius: 1.25rem;
    box-shadow: 0 24px 60px -24px rgba(15, 23, 42, .35);
}

@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; }
}