/* 
    DGFruit Settings Modal Focus Hotfix
    This file overrides the default sidebar-aside behavior to create a centered, 
    blurred-background modal experience as requested.
*/

#sidebar-settings-panel {
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.95) !important;
    width: 90vw !important;
    max-width: 1200px !important;
    height: 90vh !important;
    max-height: 90vh !important;
    z-index: 15000 !important;
}

#sidebar-settings-panel.active {
    transform: translate(-50%, -50%) scale(1) !important;
}

#settings-panel-overlay {
    z-index: 14500 !important;
}

/* Mobile Overrides */
@media screen and (max-width: 768px) {
    #sidebar-settings-panel {
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
    }
}