/* =========================================================
   AHASS Smart Bengkel - Safe Red Sidebar
   Tidak mengganti theme utama Filament
   ========================================================= */

.fi-sidebar {
    background: linear-gradient(180deg, #b91c1c 0%, #991b1b 45%, #7f1d1d 100%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 8px 0 28px rgba(127, 29, 29, 0.22) !important;
}

.fi-sidebar-header {
    background: rgba(127, 29, 29, 0.92) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: none !important;
}

.fi-sidebar-header img {
    background: #ffffff !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

.fi-sidebar-nav {
    background: transparent !important;
}

.fi-sidebar .fi-sidebar-group-label {
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.fi-sidebar .fi-sidebar-group-icon,
.fi-sidebar .fi-sidebar-group-collapse-button svg {
    color: rgba(255, 255, 255, 0.75) !important;
}

.fi-sidebar .fi-sidebar-item-button {
    color: rgba(255, 255, 255, 0.92) !important;
    border-radius: 14px !important;
}

.fi-sidebar .fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 600 !important;
}

.fi-sidebar .fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.82) !important;
}

.fi-sidebar .fi-sidebar-item-button:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item.fi-sidebar-item-active > .fi-sidebar-item-button {
    background: #ffffff !important;
    color: #b91c1c !important;
    box-shadow: 0 10px 24px rgba(69, 10, 10, 0.24) !important;
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #b91c1c !important;
    font-weight: 800 !important;
}

.fi-sidebar .fi-sidebar-sub-group-items {
    margin-left: 0.75rem !important;
    padding-left: 0.75rem !important;
    border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.fi-sidebar .fi-badge {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #991b1b !important;
}

.fi-sidebar .fi-icon-btn,
.fi-sidebar .fi-icon-btn svg {
    color: rgba(255, 255, 255, 0.92) !important;
}

.fi-sidebar .fi-icon-btn:hover {
    background: rgba(255, 255, 255, 0.12) !important;
}

.fi-sidebar-nav::-webkit-scrollbar {
    width: 8px;
}

.fi-sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 999px;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.38);
}