/* =========================================================
   10. Responsivo
   ========================================================= */
@media (max-width: 720px) {
  .topbar { padding: 6px 8px; gap: 6px; }
  .topbar .hide-sm, .save-status, .topbar .brand span { display: none; }
  .panel { width: 100%; border-left: 0; }
  #minimap, #legend { display: none !important; }
  .shortcuts { grid-template-columns: 1fr; }
  .type-picker, .field-row { grid-template-columns: 1fr; }
  .img-field { flex-direction: column; }
}
@media (max-width: 480px) {
  .topbar { gap: 4px; padding: 6px; }
  .topbar .btn { padding: 5px 7px; }
  .topbar .user-chip { max-width: 96px; }
  .topbar .sep { display: none; }
  #zoomBar { right: 8px; bottom: 8px; }
  #statusBar { display: none; }
}