/* MyRestoBar — Global Responsive (header.php pages) */
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}

.page-wrap{max-width:1280px;margin:0 auto;padding:0 1.25rem}
.owner-layout,.adash{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 57px)}
.owner-sidebar{background:#fff;border-right:1px solid #e8e8e8;padding:20px 0;overflow-y:auto}
.owner-content{padding:28px 32px;overflow-y:auto;min-width:0}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll .dtable,.table-scroll table{min-width:600px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}

@media(max-width:1024px){
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .form-3col{grid-template-columns:1fr 1fr}
}

@media(max-width:768px){
  /* Nav */
  #mob-menu-btn{display:flex!important}
  .nav-desktop-links{display:none!important}
  .nav-user-label{display:none!important}
  /* Layout */
  .owner-layout,.adash{grid-template-columns:1fr}
  .owner-sidebar{display:none}
  .owner-content{padding:16px}
  /* Stats */
  .stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .stat-card{padding:14px 16px}
  .stat-num{font-size:22px}
  /* Forms */
  .form-2col,.form-3col{grid-template-columns:1fr}
  /* Page */
  .page-wrap{padding:0 .875rem}
  /* Tables */
  .table-scroll,.dtable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .hide-mobile{display:none!important}
}

@media(max-width:640px){
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .bk-wrap{padding:16px 12px!important}
  .plan-grid{grid-template-columns:1fr!important}
  .page-wrap{padding:0 .75rem}
  .bk-card-hdr{flex-direction:column;align-items:flex-start;gap:8px}
}

/* ── GLOBAL MOBILE FIXES (added during redesign pass) ── */

/* Prevent overflow on all pages */
body { overflow-x: hidden; }
img  { max-width: 100%; height: auto; }

/* Tables scroll on mobile */
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Form grids collapse on mobile */
@media (max-width: 640px) {
  .form-2col  { grid-template-columns: 1fr !important; }
  .form-3col  { grid-template-columns: 1fr !important; }
  .stat-grid  { grid-template-columns: 1fr 1fr !important; }
  .bk-prefs   { grid-template-columns: 1fr !important; }
}

/* Fix page-wrap padding on mobile */
@media (max-width: 600px) {
  .page-wrap { padding-left: 12px !important; padding-right: 12px !important; }
}

/* Admin/Owner sidebar hide on mobile */
@media (max-width: 900px) {
  .sb  { display: none !important; }
  .asb { display: none !important; }
  .dash, .adash { grid-template-columns: 1fr !important; }
  .main, .amain { padding: 14px !important; }
}

/* Auth pages */
@media (max-width: 480px) {
  .auth-card { padding: 22px 16px !important; }
}

/* Collection/bar grids - ensure single col on small mobile */
@media (max-width: 400px) {
  [style*="minmax(280px"] { grid-template-columns: 1fr !important; }
  [style*="minmax(240px"] { grid-template-columns: 1fr !important; }
  [style*="minmax(220px"] { grid-template-columns: 1fr !important; }
}