/* ── RoomFlow OS v25 — Responsive breakpoints ── */
/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media(max-width:768px) {
    body { overflow: auto; height: auto }
    header { height: 52px; padding: 0 14px; gap: 8px; position: sticky; top: 0; z-index: 400 }
    .header-logo { font-size: .96rem }
    .header-hotel-name { font-size: .7rem }
    .hbtn { width: 34px; height: 34px }
    .topbar-stats { display: none }
    .sidebar { display: none }
    .mob-stat-bar { display: flex }
    .mob-room-header { display: flex }
    .app-shell { display: block; height: auto; overflow: visible }
    .main-content { padding: 0 0 calc(var(--nb) + 18px + var(--sb)) 0; overflow: visible }
    .bottom-nav { display: block }
    .room-grid { display: none }
    .section-header { display: none }
    .floor-header { display: none }
    .mob-room-grid { display: grid }
    .mob-floor-header { display: flex }
}

@media(min-width:769px) {
    .mob-stat-bar    { display: none!important }
    .mob-room-header { display: none!important }
    .mob-room-grid   { display: none!important }
    .mob-floor-header{ display: none!important }
    .bottom-nav      { display: none!important }
    .mobile-drawer   { display: none }
    #menuToggle      { display: none!important }
    .room-grid       { display: grid }
    .section-header  { display: flex }
    .floor-header    { display: flex }
    .main-content    { padding-bottom: 32px }
    .login-card      { padding: 34px 26px }
    .bulk-action-bar { bottom: 0; left: var(--sw); padding-bottom: calc(10px + var(--sb)) }
}

/* Tablet / iPad */
@media(min-width:769px) and (max-width:1100px) {
    :root { --sw: 200px }
    .main-content { padding: 14px 18px 32px }
}
/* iPad Pro / larger tablets — ensure desktop sidebar layout */
@media(min-width:769px) and (max-width:1024px) {
    .app-shell { display: flex; flex-direction: row }
    .sidebar { display: flex; flex-direction: column; overflow-y: auto; position: sticky; top: 0; height: calc(100vh - var(--hh)); flex-shrink: 0 }
    .bottom-nav { display: none!important }
    .mob-stat-bar { display: none!important }
    .mob-room-header { display: none!important }
    .mobile-drawer { display: none!important }
    .room-grid { display: grid }
    .section-header { display: flex }
    .floor-header { display: flex }
    .mob-room-grid { display: none!important }
    .mob-floor-header { display: none!important }
}
@media(min-width:1280px) {
    .main-content { padding: 20px 36px 40px }
}