/* Administración de áreas y consolidado anual. Autor: Sergio Vargas. */
.pma-encabezado > div { flex: 1; min-width: min(260px, 100%); }
.pma-encabezado p { max-width: 85ch; line-height: 1.5; }
.pma-filtros { display: flex; align-items: end; gap: var(--esp-3); flex-wrap: wrap; margin-bottom: var(--esp-3); }
.pma-filtros label { display: flex; flex-direction: column; gap: var(--esp-1); }
.pma-filtros input { width: 110px; }
.pma-area { margin-bottom: var(--esp-5); }
.pma-totales { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-4); margin: var(--esp-3) 0 var(--esp-5); }
/* Superficie y tipografía: receta KPI compartida (pm.css). */
.pma-totales > div { display: flex; flex-direction: column; gap: var(--esp-1); }
.pma-totales strong { overflow-wrap: anywhere; }
.pma-exceso { color: var(--red); }
.pma-aviso { color: var(--amber); font-size: var(--texto-sm); }
.pma-modal { width: min(500px, 92vw); min-width: 0; }
.pma-modal form { display: flex; flex-direction: column; gap: var(--esp-4); }
.pma-modal label { display: flex; flex-direction: column; gap: var(--esp-2); }
.pma-modal input, .pma-modal select { min-width: 0; width: 100%; box-sizing: border-box; }
@media (max-width: 650px) { .pma-totales { grid-template-columns: 1fr; } }
/* Listado de áreas: usuarios y espacios con acceso. */
.pma-catalogo .pm-fila-chips { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.pma-subtitulo { margin: var(--esp-5) 0 var(--esp-3); }