/* ── Mobile Layout (≤ 768px) ─────────────────────────────────────────────── */
@media(max-width:768px){
  .layout{display:block}
  .sidebar{display:none!important}
  .main{padding:16px 14px 80px;max-width:100%}
  .stat-grid{grid-template-columns:1fr 1fr}
  .two-col,.three-col{grid-template-columns:1fr!important}
  .header-row{flex-direction:column;gap:8px}
  .header-row .btn{width:100%;justify-content:center}
  .card{padding:14px 16px}
  h2{font-size:1.25rem}
  /* Bottom navigation bar */
  .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(10,20,12,.96);border-top:1px solid var(--border);backdrop-filter:blur(12px);z-index:200;padding:0 0 env(safe-area-inset-bottom,0)}
  .mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 8px;cursor:pointer;color:var(--muted);font-size:0.55rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;transition:color .1s;border:none;background:none;font-family:var(--font)}
  .mobile-nav-item .mn-ic{font-size:1.3rem;line-height:1}
  .mobile-nav-item.active{color:var(--green)}
  .mobile-nav-item.active .mn-ic{filter:drop-shadow(0 0 6px rgba(126,200,80,.5))}
  /* More drawer overlay */
  .mn-drawer-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
  .mn-drawer{position:fixed;bottom:0;left:0;right:0;z-index:301;background:rgba(10,20,12,.98);border:1px solid var(--border);border-radius:18px 18px 0 0;padding:14px 10px calc(env(safe-area-inset-bottom,0px) + 72px) 10px}
  .mn-drawer-handle{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);margin:0 auto 16px}
  .mn-drawer-title{font-size:0.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-weight:700;padding:0 6px;margin-bottom:10px}
  .mn-drawer-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:10px;cursor:pointer;color:var(--muted);font-size:0.82rem;font-weight:600;transition:background .1s,color .1s;border:none;background:none;width:100%;font-family:var(--font);text-align:left}
  .mn-drawer-item:hover,.mn-drawer-item:active{background:rgba(255,255,255,.06);color:var(--text)}
  .mn-drawer-item.active{background:rgba(126,200,80,.1);color:var(--green)}
  .mn-drawer-item .mn-di-ic{font-size:1.2rem;width:26px;text-align:center;flex-shrink:0}
  /* Make tables scroll horizontally */
  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  /* Touch-friendly row heights */
  .list-row{padding:14px}
  /* Full-screen modals on mobile */
  .modal-wrap{padding:0!important}
  .modal-inner{border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-width:100%!important;max-height:90vh!important;overflow-y:auto}
}

/* ── Desktop Only (≥ 769px) ──────────────────────────────────────────────── */
@media(min-width:769px){
  .mobile-nav{display:none!important}
}

/* ── Tablet (769px – 860px) ──────────────────────────────────────────────── */
@media(max-width:860px) and (min-width:769px){
  .stat-grid{grid-template-columns:1fr 1fr}
  .three-col{grid-template-columns:1fr 1fr}
  .main{padding:20px 24px}
}

/* ── Event Command Center Tablet ─────────────────────────────────────────── */
@media(max-width:860px){
  .cc-ready-card{flex-direction:column;align-items:flex-start}
  .cc-steps{width:100%}
}