/* Mobile-specific styles */
@media (max-width: 768px) {
    html { font-size: 14px; }

    /* Stack header actions on narrow screens */
    #headerTop {
        flex-wrap: wrap;
        gap: 8px;
    }
    #headerRight {
        gap: 4px;
    }

    /* Hide text labels on icon buttons — icons only on mobile */
    .btn-label { display: none; }

    /* Full-width columns */
    .left-column,
    .right-column {
        flex: 1 1 100%;
    }

    /* Beds page: stack filter bar, detail, and table vertically */
    #bedsFilters,
    #bedsColumns {
        flex: 1 1 100%;
    }
    #bedsColumns {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    /* Tighten main padding */
    main { padding: 0.5rem; gap: 0.5rem; }

    /* Select mode tiles — slightly smaller */
    .mode-tile { padding: 16px 12px; }
    .mode-tile-loc { font-size: 1.6rem; }

    .mobile-hidden { display: none; }
}