/* UiMetadata.Modal — overlay/contenedor/cabecera/acciones del sistema de
modal único del proyecto. Self-contained: cae a valores literales si los
tokens --grid-* (definidos en UiMetadata.Grid/wwwroot/css/grid.css)
no están cargados. */
/* ── Modal overlay ──────────────────────────────────────────────────────── */
/* .ui-modal, no .modal — Bootstrap define una clase global `.modal` con
`overflow-y: auto` (entre otras cosas) sin scope, y EcoTrack carga su CSS
para el resto del layout. Antes esto vivía en `.modal` y se corregía el
overflow heredado con una declaración propia que dependía del ORDEN DE
CARGA (ganaba por especificidad empatada + cargar después) — funcionaba,
pero se rompía en silencio si alguien reordenaba los de
_Layout.cshtml. Renombrado para no depender de eso en absoluto: con un
nombre que Bootstrap no usa, no hay nada que "ganarle" por orden. */
.ui-modal {
display : none;
position : fixed;
inset : 0;
background : var(--grid-modal-overlay, rgba(0,0,0,.5));
justify-content: center;
align-items : center;
animation : grid-fadeIn .2s ease;
overflow : visible;
}
@keyframes grid-fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* ── Modal content ──────────────────────────────────────────────────────── */
/* .ui-modal-content, no .modal-content — mismo motivo que .ui-modal arriba
(Bootstrap define exactamente `.modal-content`). */
.ui-modal-content {
background : var(--grid-modal-surface, #ffffff);
color : var(--grid-text-main, #111827);
padding : 1.8rem;
border-radius: var(--grid-radius-lg, 12px);
width : var(--grid-modal-width, 500px);
max-width : 100%;
max-height : var(--grid-modal-max-h, 95%);
box-shadow : var(--grid-modal-shadow, 0 8px 25px rgba(0,0,0,.15));
animation : grid-slideUp .3s ease;
/* max-height por sí solo no alcanza: sin overflow, un modal con muchos
campos (ej. formulario + subgrid) se desborda visualmente fuera del
recuadro en vez de scrollear. El