/* ───────────────────────────────────────────────────────────────
   Portal WD Studio — visual polish layer (no build step).
   Loaded after Filament styles via a panel renderHook.
   Conservative: radii, shadows, hovers, contrast — no layout shifts.
   ─────────────────────────────────────────────────────────────── */

/* Typography rendering */
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* ── Topbar: floating glass bar ── */
.fi-topbar nav {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background-color: rgba(255, 255, 255, 0.85) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.dark .fi-topbar nav {
    background-color: rgba(24, 24, 27, 0.85) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* ── Sidebar ── */
.fi-sidebar-group-label {
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(148 163 184);
}
.fi-sidebar-item-button {
    border-radius: 0.625rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: rgb(238 242 255) !important; /* indigo-50 */
}
.dark .fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: rgba(99, 102, 241, 0.14) !important;
}
.fi-sidebar-item-active .fi-sidebar-item-label {
    font-weight: 600;
}

/* ── Cards, sections & widgets: softer ring + gentle depth ── */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-fo-tabs,
.fi-wi-widget .fi-section {
    border-radius: 0.875rem !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 1px rgba(15, 23, 42, 0.03) !important;
    --tw-ring-color: rgba(15, 23, 42, 0.06) !important;
}
.dark .fi-section,
.dark .fi-ta-ctn,
.dark .fi-wi-stats-overview-stat,
.dark .fi-fo-tabs {
    --tw-ring-color: rgba(255, 255, 255, 0.07) !important;
    box-shadow: none !important;
}

/* Stat cards: lift on hover */
.fi-wi-stats-overview-stat {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.fi-wi-stats-overview-stat:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07) !important;
}
.dark .fi-wi-stats-overview-stat:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

/* ── Tables ── */
.fi-ta-header-cell {
    background-color: rgb(250 250 251);
}
.dark .fi-ta-header-cell {
    background-color: rgba(255, 255, 255, 0.02);
}
.fi-ta-row {
    transition: background-color 0.12s ease;
}

/* ── Buttons & inputs: a touch rounder ── */
.fi-btn {
    border-radius: 0.625rem;
}
.fi-input-wrp,
.fi-select-input,
.fi-fo-file-upload .filepond--panel-root {
    border-radius: 0.625rem;
}

/* ── Modals ── */
.fi-modal-window {
    border-radius: 1rem;
}

/* ── Badges ── */
.fi-badge {
    border-radius: 0.45rem;
}

/* ── Thin scrollbars (WebKit) ── */
.fi-sidebar-nav::-webkit-scrollbar,
.fi-ta-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.fi-sidebar-nav::-webkit-scrollbar-thumb,
.fi-ta-content::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.35);
    border-radius: 999px;
}

/* ── Login / auth card ── */
.fi-simple-layout {
    background:
        radial-gradient(1200px 500px at 85% -10%, rgba(99, 102, 241, 0.10), transparent 60%),
        radial-gradient(900px 420px at -10% 110%, rgba(59, 130, 246, 0.08), transparent 60%);
}
.dark .fi-simple-layout {
    background:
        radial-gradient(1200px 500px at 85% -10%, rgba(99, 102, 241, 0.16), transparent 60%),
        radial-gradient(900px 420px at -10% 110%, rgba(59, 130, 246, 0.10), transparent 60%);
}
.fi-simple-main {
    border-radius: 1.1rem !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.10) !important;
}