/* UNI-R5P (04-oct-2026) - AIRHSP (portada, catalogos, exportar, alta/baja masiva, importacion del reporte) y MCPP
   (concepto judicial, canal judicial 04/xx, mapeo de conceptos, generar archivo). Clases PROPIAS de la tanda (nunca
   reglas sobre .dxbl-*). Si se aprueban, subirlas a mpu-base.css. */

/* Paginas de la tanda (contenedor .mpu-r5p): el rotulo corto de MpuAviso no se parte en dos lineas («D-» / «MEF-1»)
   ni encoge; el texto largo va en el cuerpo del aviso. */
.mpu-r5p .mpu-aviso-rotulo { flex-shrink: 0; white-space: nowrap; }
.mpu-r5p .mpu-aviso { padding-top: var(--mpu-espacio-1); padding-bottom: var(--mpu-espacio-1); }

/* Fila de grilla a la que le falta un dato obligatorio (alta/baja masiva): fondo de aviso de la guia. */
.mpu-grilla tr.mpu-r5p-fila-falta > td { background: var(--mpu-aviso-fondo); }

/* Expedientes del MCPP: sin expediente SIAF (no viaja), destino bloqueado, ya generado por su canal. Antes usaban
   table-danger / table-info de Bootstrap, que la app no carga: las filas no se distinguian. */
.mpu-grilla tr.mpu-r5p-fila-error > td { background: var(--mpu-error-fondo); }
.mpu-grilla tr.mpu-r5p-fila-bloqueada > td { background: var(--mpu-neutro-fondo); }
.mpu-grilla tr.mpu-r5p-fila-generada > td { background: var(--mpu-info-fondo); }

/* Cifra que impide emitir (rojo) o que solo avisa (ambar) dentro de una celda. */
.mpu-r5p-falla { color: var(--mpu-peligro); font-weight: 600; }
.mpu-r5p-ojo { color: var(--mpu-aviso-texto); font-weight: 600; }

/* Lista o bloque largo dentro de un panel o ventana: se desplaza en vez de estirar la pagina. */
.mpu-r5p-desplazable { max-height: 220px; overflow-y: auto; }
.mpu-r5p-lista { margin: 0; padding-left: 18px; }

/* Contenido de un archivo (TXT del MCPP, huella SHA-256): monoespaciado, sin partir lineas, desplazable. */
.mpu-r5p-txt {
    font-family: var(--mpu-fuente-cifras); font-size: var(--mpu-texto-chico);
    white-space: pre; overflow: auto; max-height: 360px; margin: 0;
    padding: var(--mpu-espacio-2); background: var(--mpu-fondo-zonas);
    border: 1px solid var(--mpu-borde); border-radius: var(--mpu-radio);
}
.mpu-r5p-huella { font-family: var(--mpu-fuente-cifras); font-size: var(--mpu-texto-chico); overflow-wrap: anywhere; }

/* ===================================================================================================
   MCPP-UNI (09-oct-2026) - Traza, Datos principales, Descuentos judiciales, Beneficiarios judiciales (y sus
   paneles), Resumen de judiciales y Depositos BN. Clases PROPIAS mpu-mcu-*; nada sobre .dxbl-*.
   =================================================================================================== */

/* UNI-MCPP (09-oct-2026) - Descuentos judiciales (/planilla/descuentos-judiciales). Clases propias, nunca .dxbl-*.
   Quien integra: juntar en wwwroot/css/mpu-r5p.css. */

/* Botones de accion de una fila de grilla (Editar, Ver, Exoneraciones, Levantar/Reactivar, Eliminar):
   en una sola linea, juntos, sin saltar de renglon. */
.mpu-mcu-acciones { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }

/* Texto libre de varias lineas (oficio, resolucion y observaciones del mandato) en un detalle de solo lectura:
   respeta los saltos de linea que escribio el operador. */
.mpu-mcu-pre-linea { white-space: pre-line; }

/* MCPP-UNI (09-oct-2026) - Beneficiarios Judiciales (/planilla/judiciales-beneficiarios) y su panel de vigencias.
   Clases PROPIAS mpu-mcu-* (ninguna regla sobre clases internas de DevExpress). Para juntar en wwwroot/css/mpu-r5p.css. */

/* Cinco tarjetas KPI en una fila (mpu-base solo trae rejillas de 2, 3 y 4). */
.mpu-mcu-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--mpu-espacio-3); }
@media (max-width: 900px) {
    .mpu-mcu-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Contenido de cada pestana: un respiro bajo las pestanas. */
.mpu-mcu-pestana { padding-top: var(--mpu-espacio-2); }

/* Filtro de estado junto al buscador (el buscador usa .mpu-barra-buscar, 240 px). */
.mpu-mcu-estado { width: 220px; flex-shrink: 0; }

/* Bloque del resultado de la Carga Masiva: recibe el foco por codigo para traerlo a la vista (como antes, sin contorno). */
.mpu-mcu-foco:focus { outline: none; }

/* Campo con boton al lado que NO se parte en dos lineas (N.o de documento + RENIEC, Oficina + Calcular). */
.mpu-mcu-campo { display: flex; align-items: center; gap: var(--mpu-espacio-2); }
.mpu-mcu-crece { flex: 1 1 auto; min-width: 0; }
.mpu-mcu-oficina { width: 90px; flex-shrink: 0; }

/* Fecha de nacimiento verificada (icono en la celda). */
.mpu-mcu-ok { color: var(--mpu-verde-texto); margin-left: 4px; }

/* Ayuda en vivo bajo un campo (oficina sugerida, CCI coherente / con aviso / que no cuadra). */
.mpu-mcu-ayuda { margin-top: 3px; }
.mpu-mcu-ayuda-ok { color: var(--mpu-verde-texto); }
.mpu-mcu-ayuda-aviso { color: var(--mpu-aviso-texto); }
.mpu-mcu-ayuda-malo { color: var(--mpu-peligro); }

/* Resumen de validacion del formulario. */
.mpu-mcu-validacion { color: var(--mpu-peligro); margin: 0; }

/* MCPP-UNI (09-oct-2026) - Depositos Banco de la Nacion (/planillas/depositos-banco-nacion). Clases PROPIAS
   mpu-mcu-dbn-*; ninguna regla sobre clases internas de DevExpress. Reemplazan la piel css/depositos-banco-nacion.css,
   que la pagina ya no enlaza. */

/* Panel del selector de periodo (DxDropDown): anios arriba, meses en 4 columnas, pie con «Ir al mes actual». */
.mpu-mcu-dbn-panel { display: flex; flex-direction: column; gap: var(--mpu-espacio-2); padding: var(--mpu-espacio-2); }
.mpu-mcu-dbn-meses { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mpu-espacio-1); }

/* Barra de la grilla (pestanas o seleccion): ocupa todo el ancho de la plantilla de la barra. */
.mpu-mcu-dbn-barra { width: 100%; }

/* Rotulo + editor apilados (el texto y el combo comparten padre: lo lee smoke_depositos_fuente). */
.mpu-mcu-dbn-campo { display: flex; flex-direction: column; gap: var(--mpu-espacio-1); }

/* Aviso con texto largo dentro de una columna o ventana angosta: el rotulo arriba y el texto debajo a todo el ancho,
   en vez de apretar el texto junto a un rotulo largo. */
.mpu-mcu-dbn-apila .mpu-aviso { flex-wrap: wrap; }
.mpu-mcu-dbn-apila .mpu-aviso-rotulo { max-width: none; flex: 1 1 auto; }
.mpu-mcu-dbn-apila .mpu-aviso-texto { flex-basis: 100%; }

/* Renglon propio dentro de un aviso o de un dato (lista de nombres, nombre largo de la fuente). */
.mpu-mcu-dbn-bloque { display: block; margin-top: var(--mpu-espacio-1); }

/* MCPP-UNI · DatosPrincipalesMccp.razor (/datos-principales) */
/* Periodo en la barra de acciones: ancho fijo para que la barra no se estire (DxDateEdit ignora Width). */
.mpu-mcu-periodo { width: 140px; flex-shrink: 0; }

/* Resumen de judiciales (/planillas/judiciales-beneficiarios): combos de mes y anio en la barra. */
.mpu-mcu-combo-mes { width: 140px; flex-shrink: 0; }
.mpu-mcu-combo-anio { width: 96px; flex-shrink: 0; }