/* Search ditempatkan tepat di bawah lima menu analisis utama. */
.mobile-search-toggle { display: none !important; }

@media (min-width: 1025px) {
    .analysis-icon-rail {
        display: grid !important;
        grid-template-columns: repeat(5, 48px);
        grid-auto-rows: 48px;
        align-items: center;
        gap: 8px;
    }
    .analysis-icon-rail > [data-menu="range"] { grid-column: 1; grid-row: 1; }
    .analysis-icon-rail > [data-menu="export"] { grid-column: 2; grid-row: 1; }
    .analysis-icon-rail > [data-menu="spi"] { grid-column: 3; grid-row: 1; }
    .analysis-icon-rail > [data-menu="debit"] { grid-column: 4; grid-row: 1; }
    .analysis-icon-rail > [data-menu="neraca"] { grid-column: 5; grid-row: 1; }
    .analysis-icon-search-below {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
        height: 42px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-size: 15px !important;
    }
    .analysis-search-label {
        font: 800 12px/1 Inter, system-ui, sans-serif;
    }
    body.search-open .analysis-icon-button[data-menu="search"] {
        color: #fff;
        border-color: transparent;
        background: linear-gradient(135deg, #0369a1, #0891b2);
        box-shadow: 0 9px 20px rgba(3,105,161,.25);
    }
    .data-range-panel,
    .export-data-panel,
    .spi-panel,
    .dependable-flow-panel,
    .neraca-air-panel {
        bottom: calc(198px + var(--ui-safe-bottom)) !important;
    }
}

@media (max-width: 1024px) {
    :root {
        --ui-dock-height: 124px;
        --ui-dock-space: calc(var(--ui-dock-height) + var(--ui-safe-bottom) + 10px);
    }
    .responsive-menu-dock {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-template-rows: 52px 52px;
        align-items: stretch !important;
        overflow: hidden !important;
        gap: 7px !important;
    }
    .responsive-menu-dock > [data-menu="range"] { grid-column: 1; grid-row: 1; }
    .responsive-menu-dock > [data-menu="export"] { grid-column: 2; grid-row: 1; }
    .responsive-menu-dock > [data-menu="spi"] { grid-column: 3; grid-row: 1; }
    .responsive-menu-dock > [data-menu="debit"] { grid-column: 4; grid-row: 1; }
    .responsive-menu-dock > [data-menu="neraca"] { grid-column: 5; grid-row: 1; }
    .responsive-menu-dock > [data-menu="search"] {
        grid-column: 1 / 4;
        grid-row: 2;
    }
    .responsive-menu-dock > [data-menu="coordinate"] { grid-column: 4; grid-row: 2; }
    .responsive-menu-dock > [data-menu="fullscreen"] { grid-column: 5; grid-row: 2; }
    .responsive-menu-button,
    .responsive-menu-button.responsive-icon-only {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;
        max-width: none !important;
    }
    .responsive-menu-dock > [data-menu="coordinate"],
    .responsive-menu-dock > [data-menu="fullscreen"] {
        padding-inline: 6px !important;
        gap: 0 !important;
    }
    .responsive-menu-dock > [data-menu="coordinate"] > span:last-child,
    .responsive-menu-dock > [data-menu="fullscreen"] > span:last-child {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
    }
}