/* === START OF FILE components/scanner/scanner-layout-mobile-panel.css === */
/* Aus views/scanner.js ausgelagerte Scanner-Styles. */

/* 2026-06-28 HARD MOBILE LAYER FIX
   Mobile: ein echtes Fullscreen-Filter-Overlay statt Bottom-Sheet-Box-in-Box.
   Desktop/kleine Fenster: Filterleiste hat einen eigenen, erzwingbaren Scrollbereich. */
@media (min-width: 768px) {
    #scanner-tab-map {
        height: calc(100dvh - 145px) !important;
        max-height: calc(100dvh - 145px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
    #scanner-map-layout {
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }
    #scanner-map-layout > aside {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        align-self: stretch !important;
    }
    #box-radar-filters {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }
    #content-radar-filters {
        flex: 1 1 auto !important;
        height: 100% !important;
        max-height: calc(100dvh - 150px) !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 8rem !important;
    }
    #radar-filter-flyout {
        max-height: min(44dvh, 470px) !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain !important;
    }
}

/* === END OF FILE components/scanner/scanner-layout-mobile-panel.css === */