/* ===== responsive.css — tablet & mobile breakpoints ===== */

@media (max-width:980px){ .dash-two-col{ grid-template-columns:1fr; } }

@media (max-width:980px){
    .dash-grid{ grid-template-columns:1fr; }
    .dash-tiles{ grid-template-columns:1fr 1fr; }
  }

@media print{
    #app{ display:none !important; }
    #toast-holder{ display:none !important; }
    #receipt-modal-wrap{ display:none !important; }
    #print-area{ display:block !important; width:100%; padding:10px; }
  }

@media (max-width: 980px){
    .billing-grid{ grid-template-columns:1fr; }
    .kds-cols{ grid-template-columns:1fr; }
    .report-grid{ grid-template-columns:1fr; }
    .settings-grid{ grid-template-columns:1fr; }
    .sidebar{ width:176px; padding:16px 10px; }
    .navbtn{ font-size:12px; padding:9px 9px; gap:9px; }
    .navsubmenu{ padding-left:22px; }
  }

@media (max-width: 640px){
    .topbar{ height:auto; min-height:64px; flex-wrap:wrap; gap:10px; padding:12px 16px; }
    .topbar-right{ flex-wrap:wrap; gap:8px; width:100%; justify-content:flex-start; }
    .clock{ display:none; }
    .userchip .name, .userchip .role{ display:none; }
    .userchip{ padding:6px; }
    .shift-chip{ flex-wrap:wrap; row-gap:6px; }
    .shift-chip .info{ display:none; }
    .content{ padding:16px 14px 32px; }
    .row2{ grid-template-columns:1fr; }
    .modal{ padding:18px; }
    .modal h3{ font-size:17px; }
    .item-grid{ grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:9px; }
    .item-card{ padding:10px 9px; }
    .sidebar{ width:64px; padding:12px 8px; align-items:center; }
    .navbtn{ justify-content:center; padding:10px 6px; font-size:9px; }
    .navbtn span{ display:none; }
    .navgroup-chevron{ display:none; }
    .navsubmenu{ padding-left:4px; }
    .navsub-btn{ font-size:9.5px; text-align:center; padding:6px 3px; }
    .sidebar .logo{ width:34px; height:34px; }
    .sidebar-brand{ flex-direction:column; gap:6px; margin-bottom:14px; }
    .sidebar-brand-name{ display:none; }
    .sidebar-profile{ flex-direction:column; padding:8px 4px; gap:4px; }
    .sidebar-profile-text{ display:none; }
    .sidebar-terminal-chip{ display:none; }
    .nav-section-label{ text-align:center; padding:12px 4px 4px; font-size:8.5px; }
    table{ font-size:12.5px; }
    table th, table td{ padding:8px 10px; white-space:nowrap; }
  }