@media (max-width: 900px) {
  :root { --sidebar-w: 84px; }
  .nav-item .nav-label { display: none; }
  .guardian-status-pill { display: none; }
  .sidebar-section-label { display: none; }
  .sidebar-brand .brand-name { display: none; }
  .conn-text { display: none; }
  .guardian-side-label { display: none; }
  .guardian-side-status { justify-content: center; }
  .nav-item { justify-content: center; padding: 12px; }
  .positions-grid { grid-template-columns: 1fr; }
  .stat-cards-2up { grid-template-columns: 1fr; }
  .progress-grid-2x2 { grid-template-columns: 1fr; }
  .inline-guardian-strip { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  .content-scroll { padding: 16px; }
  .topbar { padding: 0 16px; gap: 8px; }
  .topbar-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .topbar .pwa-install-btn { min-width: 64px; padding-inline: 10px; }
  .login-overlay { align-items: stretch; padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px)); overflow-y: auto; }
  .login-card { align-self: center; padding: 28px 20px 24px; border-radius: 14px; }
  .form-grid { grid-template-columns: 1fr; }
  .fields-row { grid-template-columns: 1fr; }
  .stat-cards-2up { grid-template-columns: 1fr; }
  .monitor-grid { grid-template-columns: 1fr; }
  .progress-grid-2x2 { grid-template-columns: 1fr; }
}