@media (max-width: 1199px) {
  .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-grid { grid-template-columns:1fr; }
  .sensor-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .search-field { grid-column:span 2; }
}
@media (max-width: 900px) {
  .sidebar { transform:translateX(-100%); width:min(280px,86vw); }
  .sidebar.mobile-open { transform:translateX(0); }
  .sidebar.collapsed { width:min(280px,86vw); }
  .sidebar.collapsed .sidebar__brand { grid-template-columns:42px 1fr 34px; justify-items:stretch; }
  .sidebar.collapsed .brand-mark { display:grid; }
  .sidebar.collapsed .brand-copy { display:block; }
  .sidebar.collapsed .brand-copy, .sidebar.collapsed .sidebar__collapse, .sidebar.collapsed .nav-item span { opacity:1; width:auto; pointer-events:auto; }
  .sidebar.collapsed .device-pill > div { display:block; }
  .sidebar.collapsed .account-copy,.sidebar.collapsed .account-logout span { display:block; }
  .sidebar.collapsed .account-identity { justify-content:flex-start; padding:4px 10px 10px; }
  .sidebar.collapsed .account-logout { justify-content:flex-start; padding:0 12px; }
  .main, body.sidebar-collapsed .main { margin-left:0; }
  .mobile-menu { display:grid !important; }
  .sidebar__collapse { display:grid; }
  .sidebar-backdrop.show { display:block; position:fixed; inset:0; background:rgba(10,22,15,.35); z-index:35; }
  .pump-page-grid, .control-info-grid, .settings-grid { grid-template-columns:1fr; }
  .settings-grid > article:last-child { grid-column:auto; }
  .sensor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .search-field { grid-column:1 / -1; }
}
@media (max-width: 680px) {
  .topbar { height:74px; padding:0 16px; }
  .topbar h1 { font-size:20px; }
  .topbar__right .live-badge { display:none; }
  .page { padding:16px; }
  .kpi-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .kpi-card { grid-template-columns:40px 1fr; padding:13px; gap:10px; }
  .kpi-card__icon { width:40px; height:40px; border-radius:12px; }
  .kpi-card strong { font-size:20px; }
  .panel { padding:15px; border-radius:15px; }
  .sensor-grid { grid-template-columns:1fr 1fr; gap:9px; }
  .sensor-card { padding:12px; }
  .sensor-card__value { font-size:24px; }
  .monitoring-header { display:block; }
  .range-actions { justify-content:flex-start; margin-top:12px; }
  .monitoring-chart-wrap { height:320px; }
  .overview-chart-wrap { height:220px; }
  .history-chart-wrap { height:260px; }
  .filter-grid { grid-template-columns:1fr; }
  .search-field { grid-column:auto; }
  .schedule-item { grid-template-columns:1fr auto; }
  .schedule-time { grid-column:1; }
  .schedule-actions { grid-column:2; grid-row:1/3; }
  .sensor-modal-grid { grid-template-columns:1fr 1fr; }
  .battery-panel { grid-template-columns:1fr auto; gap:18px; }
  .battery-reading { border:0; padding:0; min-width:0; text-align:right; }
  .battery-reading > strong { font-size:32px; }
  .battery-capacity { grid-column:1 / -1; }
}
@media (max-width: 430px) {
  .kpi-grid { grid-template-columns:1fr; }
  .sensor-grid { grid-template-columns:1fr; }
  .two-field-grid { grid-template-columns:1fr; }
  .sensor-modal-grid { grid-template-columns:1fr 1fr; }
  .override-actions .btn { flex:1 1 100%; }
  .battery-panel { grid-template-columns:1fr; gap:16px; }
  .battery-reading { padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); text-align:left; }
}
@media (max-width:1199px) and (min-width:681px) {
  .battery-panel { gap:20px; grid-template-columns:1fr auto 1fr; }
  .battery-reading { padding:0 20px; min-width:140px; }
}
@media (max-height:680px) { .sidebar { overflow-y:auto; }.sidebar__footer { margin-top:20px; } }