/* Sidebar item aktif — dark mode
   Glow kuning (selaras login / link kuning).
   Di-load via STYLES_AFTER agar menang dari theme Filament.
*/

html.dark .fi-sidebar-item.fi-active,
.dark .fi-sidebar-item.fi-active,
body.dark .fi-sidebar-item.fi-active {
    position: relative !important;
    z-index: 2 !important;
}

/* Sembunyikan strip emas Filament di kiri */
html.dark .fi-sidebar-item.fi-active .fi-sidebar-item-grouped-border,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-grouped-border,
body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-grouped-border {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
}

html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
html.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn,
body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
    background: #121218 !important;
    background-color: #121218 !important;
    background-image: none !important;
    border: 1px solid rgba(250, 204, 21, 0.28) !important;
    border-radius: 0.95rem !important;
    color: #ffffff !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-color: transparent !important;
    box-shadow:
        -12px 0 24px -8px rgba(250, 204, 21, 0.55),
        -5px 0 14px -4px rgba(245, 158, 11, 0.4),
        12px 0 24px -8px rgba(250, 204, 21, 0.5),
        5px 0 14px -4px rgba(245, 158, 11, 0.35),
        0 0 0 1px rgba(250, 204, 21, 0.18),
        inset 0 1px 0 rgba(254, 243, 199, 0.12) !important;
}

/* Bingkai gradient kuning */
html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn::before,
html.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn::before,
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn::before,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn::before,
body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -1px !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    z-index: 0 !important;
    padding: 1.5px !important;
    background: linear-gradient(
        90deg,
        #fde68a 0%,
        #facc15 45%,
        #f59e0b 100%
    ) !important;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) !important;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    opacity: 1 !important;
}

html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn:hover,
html.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover,
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn:hover,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover,
body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover {
    background: #16161f !important;
    background-color: #16161f !important;
    color: #ffffff !important;
    box-shadow:
        -14px 0 28px -8px rgba(250, 204, 21, 0.7),
        -6px 0 16px -4px rgba(245, 158, 11, 0.5),
        14px 0 28px -8px rgba(250, 204, 21, 0.65),
        6px 0 16px -4px rgba(245, 158, 11, 0.45),
        0 0 0 1px rgba(250, 204, 21, 0.28),
        inset 0 1px 0 rgba(254, 243, 199, 0.16) !important;
}

html.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn > *,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn > *,
body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Paksa teks & ikon putih — selector sama persis dengan theme Filament */
html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label,
html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon,
html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-icon,
html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn svg,
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label,
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon,
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-icon,
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn svg,
body.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label,
body.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon,
body.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

html.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part,
.dark .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part {
    background: #ffffff !important;
}