/* Ajustes de presentación del panel territorial y de pantallas táctiles. */

/* === Ajustes UX presidencia (solo presentación; no cambia lógica ni cálculos) === */
/* Ocultar estados/controles técnicos del panel territorial */
#territorialPrivacyBadge,
.territorial-command-side .next-sync-card,
#automationStatus { display: none !important; }

/* Overlay del mapa: que el texto envuelva y no se corte en mobile */
.map-empty-overlay {
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: stretch;
  padding: 16px 22px;
  text-align: center;
  line-height: 1.35;
}

/* Targets táctiles más grandes para usuario mayor (mobile) */
@media (max-width: 740px) {
  /* Evitar que el mapa derive su ancho desde la altura (aspect-ratio + min-height)
     y termine más ancho que la pantalla, cortando el contenido a la derecha. */
  .map-shell { aspect-ratio: auto; height: 320px; min-height: 320px; }
  #territorialMap { height: 100%; min-height: 320px; }
  .info { width: 26px; height: 26px; font-size: 13px; }
  .chart-expand-btn, .chart-print-btn { min-height: 40px; width: 40px; min-width: 40px; }
  .map-mode-toggle button { min-height: 40px; padding: 9px 12px; }
  .map-search-clear { width: 38px; min-width: 38px; height: 38px; }
  button.small { padding: 10px 12px; }
}

@media (max-width: 900px) {
  .app { flex-direction: column; }
  .sidebar {
    width: 100%;
    flex: none;
    height: auto;
    position: static;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
  }
  .sidebar-brand { padding: 0; border-bottom: 0; }
  .view-tabs-label { display: none; }
  .view-tabs { flex-direction: row; padding: 0 0 0 8px; flex: 1 1 auto; }
  .view-tab { width: auto; }
  .page { max-width: none; }
}