/* ==================== Responsive & print ==================== */
@media(max-width:1200px){
  .cols-2,.cols-2e{grid-template-columns:1fr}
  .cols-3{grid-template-columns:1fr 1fr}
}
@media(max-width:992px){
  :root{--sidebar-w:250px}
  .sidebar{transform:translateX(-100%);box-shadow:var(--sh-xl)}
  .sidebar.open{transform:none}
  .main{margin-left:0}
  .burger{display:grid}
  .sb-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:55;display:none}
  .sb-overlay.show{display:block}
  .cols-3{grid-template-columns:1fr}
  .room-pick{grid-template-columns:1fr}
}
@media(max-width:768px){
  .content{padding:16px}
  .topbar{padding:0 15px;gap:10px}
  .topbar h1{font-size:.98rem}
  .topbar .sub{display:none}
  .tb-clock{display:none}
  .flash-grid{grid-template-columns:1fr 1fr;gap:12px}
  .live-grid{grid-template-columns:1fr}
  .stat{padding:15px}
  .stat-value{font-size:1.5rem}
  .stat-ico{width:38px;height:38px;font-size:.9rem;margin-bottom:9px}
  .np{right:10px;left:10px;width:auto}
  .toast-wrap{left:12px;right:12px;max-width:none}
  .cal-cell{min-height:74px}
  .cal-ev{font-size:.55rem}
  .modal-head,.modal-body,.modal-foot{padding-left:17px;padding-right:17px}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .wk{grid-template-columns:48px repeat(7,1fr);font-size:.62rem}
  .lc-body{flex-direction:column;align-items:stretch;gap:14px}
  .ring-wrap{margin:0 auto}
}
@media(max-width:560px){
  .flash-grid{grid-template-columns:1fr}
  .slot-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
  .filters .input,.filters .select{width:100%;min-width:0}
  .modal-foot{flex-direction:column-reverse}
  .modal-foot .btn{width:100%}
  .page-head h2{font-size:1.15rem}
}
@media print{
  .sidebar,.topbar,.btn,.row-actions,.filters,.np{display:none!important}
  .main{margin-left:0}
  .card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}
  body{background:#fff}
}