/* SpiderWorks AI — admin theme (layered on Filament dark mode) */

/* Deep-space canvas */
.dark .fi-body,
.dark .fi-main-ctn {
    background: radial-gradient(1200px 600px at 85% -10%, rgba(125, 211, 252, .06), transparent 60%),
                radial-gradient(900px 500px at -10% 110%, rgba(167, 139, 250, .07), transparent 60%),
                #0a0f1c;
}

/* Sidebar: dark glass with a silk seam */
.dark .fi-sidebar {
    background: linear-gradient(180deg, #0b1120 0%, #0a0e1a 100%);
    border-right: 1px solid rgba(125, 211, 252, .12);
}
.dark .fi-sidebar-header {
    background: transparent;
}
.fi-sidebar-header .fi-logo {
    background: linear-gradient(90deg, #7dd3fc, #a78bfa);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    letter-spacing: .02em;
}
.dark .fi-sidebar-item-button:hover {
    background: rgba(125, 211, 252, .08);
}
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: linear-gradient(90deg, rgba(125, 211, 252, .14), rgba(167, 139, 250, .10));
    box-shadow: inset 2px 0 0 #7dd3fc;
}

/* Topbar: translucent glass */
.dark .fi-topbar nav {
    background: rgba(10, 15, 28, .75);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(125, 211, 252, .10);
}

/* Cards, sections, tables: soft edges + hover lift */
.dark .fi-section,
.dark .fi-ta-ctn,
.dark .fi-wi-stats-overview-stat {
    background: rgba(17, 24, 42, .72);
    border: 1px solid rgba(125, 211, 252, .10);
    transition: border-color .25s ease, box-shadow .25s ease;
}
.dark .fi-wi-stats-overview-stat:hover,
.dark .fi-section:hover {
    border-color: rgba(167, 139, 250, .35);
    box-shadow: 0 0 28px rgba(125, 211, 252, .08);
}

/* Primary buttons: silk gradient + glow */
.dark .fi-btn-color-primary {
    background: linear-gradient(90deg, #22d3ee, #818cf8);
    box-shadow: 0 0 18px rgba(34, 211, 238, .25);
    border: none;
}
.dark .fi-btn-color-primary:hover {
    box-shadow: 0 0 26px rgba(129, 140, 248, .45);
}

/* Stat labels get the mono/uppercase data treatment */
.fi-wi-stats-overview-stat-label {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    opacity: .8;
}
.fi-wi-stats-overview-stat-value {
    background: linear-gradient(90deg, #7dd3fc, #c4b5fd);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Badges slightly luminous */
.dark .fi-badge {
    box-shadow: 0 0 10px rgba(125, 211, 252, .08);
}

/* Login screen */
.dark .fi-simple-layout {
    background: radial-gradient(900px 500px at 70% 20%, rgba(125, 211, 252, .08), transparent 55%),
                radial-gradient(700px 500px at 20% 90%, rgba(167, 139, 250, .09), transparent 55%),
                #080c16;
}
.dark .fi-simple-main {
    background: rgba(15, 21, 38, .8);
    border: 1px solid rgba(125, 211, 252, .14);
    backdrop-filter: blur(10px);
}