/* 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: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.pma-filtros label { display: flex; flex-direction: column; gap: 5px; }
.pma-filtros input { width: 110px; }
.pma-area { margin-bottom: 20px; }
.pma-totales { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 12px 0 18px; }
.pma-totales > div { display: flex; flex-direction: column; gap: 5px; background: var(--panel-2); padding: 14px; border-radius: var(--radius); }
.pma-totales span { color: var(--muted); font-size: 12px; }
.pma-totales strong { font-size: 21px; overflow-wrap: anywhere; }
.pma-exceso { color: var(--red); }
.pma-aviso { color: var(--amber); font-size: 13px; }
.pma-modal { width: min(500px, 92vw); min-width: 0; }
.pma-modal form { display: flex; flex-direction: column; gap: 16px; }
.pma-modal label { display: flex; flex-direction: column; gap: 6px; }
.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; } }