/* =========================================================
   css/responsive.css — Paparan tablet/telefon & cetak (mesti dimuat terakhir)
   ========================================================= */
@media (max-width: 1024px) {
  .quick-grid, .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .layout-2, .layout-2.wide-left, .grid-cards { grid-template-columns: 1fr; }
  .layout-2 > .card { margin-bottom: 0; }
  .kv-inline { grid-template-columns: max-content 1fr; }
}
@media (max-width: 860px) {
  .auth-screen { grid-template-columns: 1fr; }
  .auth-brand { padding: 2rem 16px 0; text-align: center; align-items: center; }
  .auth-brand h1 { font-size: 1.7rem; }
  .auth-points { display: none; }

  .sidebar { position: fixed; left: 0; top: 0; z-index: 40; transform: translateX(-100%);
    transition: transform .25s; }
  .app.sidebar-open .sidebar { transform: none; }
  .app.sidebar-open .sidebar-overlay { display: block; position: fixed; inset: 0; z-index: 35;
    background: rgba(7, 26, 58, .5); }
  .menu-toggle { display: inline-block; }
  .topbar { padding: .7rem 16px; }
  .page { padding: 1rem 16px; }
  .user-meta { display: none; }
}
@media (max-width: 560px) {
  .grid-2, .grid-3 { grid-template-columns: 1fr; }
  .quick-grid, .stat-grid { grid-template-columns: 1fr 1fr; gap: .7rem; }
  .card { padding: 1rem; }
  .stat strong { font-size: 1.3rem; }
  .stat .ico { width: 38px; height: 38px; padding: 8px; }
}

/* Borang & jadual Doctor */
@media (max-width: 860px) {
  .rx-row { grid-template-columns: 1fr 1fr; }
  .rx-row input[name=ubat], .rx-row input[name=arahan] { grid-column: span 2; }
  .sch-row { grid-template-columns: 1fr 1fr auto 1fr auto; }
  .week { grid-template-columns: repeat(4, 1fr); }
  .kv-2 { grid-template-columns: max-content 1fr; }
  .bar-list.wide li { grid-template-columns: 1fr 80px 28px; }
}

/* Cetak (Laporan) */
@media print {
  .sidebar, .topbar, .toolbar, .btn, .icon-btn { display: none !important; }
  .page { padding: 0; }
  .card { box-shadow: none; break-inside: avoid; }
}