@media (max-width: 1050px) {
  .app-shell { grid-template-columns: 202px 1fr; }
  .workspace { padding: 0 12px 12px; }
  .events-panel { left: 18px; }
  .summary-panel.is-hidden + .fleet-panel { top: 80px; bottom: auto; }
}

@media (max-width: 760px) {
  .auth-gate { padding: 0; }.auth-layout { display: block; width: 100%; min-height: 100%; border: 0; border-radius: 0; }.auth-visual { display: none; }.auth-card { min-height: 100vh; padding: 52px 28px; }.auth-logo { width: 195px; }
  .app-shell { display: block; }
  .section-workspace { min-height: 100vh; padding: 0 10px 10px; }.section-workspace .topbar { height: 68px; }.section-card { min-height: calc(100vh - 78px); padding: 18px; border-radius: 12px; }.section-intro { display: grid; }.section-search { width: 100%; }.units-table { min-width: 720px; }
  .sidebar { position: fixed; z-index: 100; inset: 0 auto 0 0; width: 246px; transform: translateX(-103%); box-shadow: 10px 0 28px rgba(15,39,79,.18); transition: transform .2s ease; }
  .app-shell.menu-open .sidebar { transform: translateX(0); }
  .workspace { min-height: 100vh; grid-template-rows: 68px minmax(560px, 1fr) auto; padding: 0 8px 8px; }
  .topbar { padding: 0 5px; }.mobile-menu { display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 8px; background: #fff; color: var(--blue-deep); font-size: 18px; }.page-heading strong { font-size: 14px; }.connection { display: none; }.topbar-actions { gap: 5px; }.topbar-actions .button-outline { margin-left: 0; padding: 8px 7px; font-size: 9px; }.topbar-actions #reset-fleet { max-width: 116px; white-space: normal; }
  .map-stage { border-radius: 12px; }.map-toolbar { top: 10px; right: 10px; left: 10px; }.search-control { width: 100%; }.map-toolbar select { display: none; }.icon-button { display: none; }
  .floating-panel { left: 10px; width: min(250px, calc(100% - 20px)); }.summary-panel { top: 65px; }.fleet-panel { bottom: 10px; }.events-panel { top: 65px; }.unit-drawer { top: auto; right: 10px; bottom: 10px; width: min(330px, calc(100% - 20px)); max-height: 72%; }.unit-drawer.is-hidden { transform: translateY(115%); }
  .metrics-strip { grid-template-columns: repeat(2, 1fr); gap: 7px; padding-top: 8px; }.metric-card { padding: 9px; }.metric-icon { width: 28px; height: 28px; font-size: 14px; }.metric-card strong { font-size: 14px; }
}