header.fi-sidebar-header.ring-1,
header.fi-sidebar-header.ring-2 {
    --tw-ring-offset-shadow: none !important;
    --tw-ring-shadow: none !important;
    box-shadow: none !important;
}

.fi-topbar .bg-white {
    background: transparent !important;
    box-shadow: none !important;
}

.fi-sidebar-header {
    background: rgba(15, 15, 15, 0.1) !important; /* deep black transparan */
    backdrop-filter: blur(5px) saturate(180%);
    -webkit-backdrop-filter: blur(5px) saturate(180%);
    border: none !important;
}

.filament-tables-header {
    margin-bottom: 10px;
}

.fi-body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        /* Gradasi putih di pojok kiri atas */ linear-gradient(
            160deg,
            rgba(238, 119, 82, 0.5),
            0%,
            rgba(255, 255, 255, 0) 15%
        ),
        /* Gradasi warna yang sudah ada */
            linear-gradient(
                10deg,
                rgba(35, 213, 171, 0.2),
                rgba(238, 119, 82, 0.2),
                rgba(231, 60, 126, 0.2),
                rgba(35, 166, 213, 0.2),
                rgba(35, 213, 171, 0.3)
            ),
        transparent 80%;

    pointer-events: none;
    z-index: 0;
}

.fi-topbar {
    background: rgba(15, 15, 15, 0.1); /* deep black transparan */
    backdrop-filter: blur(10px) saturate(200%);
    -webkit-backdrop-filter: blur(10px) saturate(200%);
    border: none !important;
}

.fi-wi-stats-overview-stat {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    border: 1px solid rgba(0, 191, 88, 0.08); /* garis tipis hijau */
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    transition: background 0.3s ease, transform 0.2s ease;
}

.fi-wi-stats-overview-stat:hover {
    background: rgba(255, 255, 255, 0.075);
    transform: translateY(-10px);
}