/* HUB responsive helpers — mobile navigation, touch targets, modals */

/* Fallbacks if Tailwind build is stale (lg:* / -translate-x-full missing) */
@media (max-width: 1023px) {
    #hub-desktop-sidebar {
        display: none !important;
    }

    .hub-mobile-topbar {
        display: flex !important;
    }

    #mobile-nav-drawer {
        display: flex;
        flex-direction: column;
        transform: translateX(-100%);
    }

    #mobile-nav-drawer.is-open {
        transform: translateX(0);
    }

    #mobile-nav-overlay.is-open {
        display: block !important;
    }
}

@media (min-width: 1024px) {
    #hub-desktop-sidebar {
        display: flex !important;
    }

    .hub-mobile-topbar,
    #mobile-nav-drawer,
    #mobile-nav-overlay {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .hub-icon-btn {
        min-height: 2.75rem;
        min-width: 2.75rem;
        padding: 0.625rem;
    }
}

dialog.hub-dialog {
    max-height: min(90vh, calc(100dvh - 2rem));
    overflow: hidden;
}

dialog.hub-dialog > .hub-dialog-body,
dialog.hub-dialog > div {
    max-height: min(90vh, calc(100dvh - 2rem));
    overflow-y: auto;
}

.hub-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}