/* UNI-R3G (03-oct-2026) - Contratos: modelos y responsables de firma.
   Clases PROPIAS de la tanda (nunca reglas sobre .dxbl-*). Si se aprueban, subirlas a mpu-base.css.

   mpu-ct-edicion-mediana: ancho «Mediano» (800 px, guia seccion 06) para la ventana de edicion
   emergente de un DxGrid (PopupEditFormCssClass), que no tiene parametro de ancho propio.
   Reemplaza a la clase suelta .my-style (min-width 1000px) de cada pagina. */
.mpu-ct-edicion-mediana {
    min-width: min(800px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
}

/* mpu-ct-editor-documento: alto del editor de documentos (DxRichEdit) dentro de la ventana del
   modelo de contrato; antes usaba la clase ch-720, que no existe en ningun CSS. */
.mpu-ct-editor-documento {
    width: 100%;
    height: 65vh;
}

/* mpu-ct-fila-*: filas resaltadas de la grilla de Contratos de personal (las pone OnCustomizeElement;
   antes eran clases Bootstrap table-* que la app no carga y no pintaban nada). Leyenda en la pagina.
   -sin-numero: contrato sin numero asignado. -inactiva: contrato no activo.
   -por-vencer: contrato activo que vence en los proximos 30 dias. */
.mpu-grilla tr.mpu-ct-fila-sin-numero > td {
    background-color: var(--mpu-aviso-fondo);
}
.mpu-grilla tr.mpu-ct-fila-inactiva > td {
    background-color: var(--mpu-neutro-fondo);
    color: var(--mpu-apagado);
}
.mpu-grilla tr.mpu-ct-fila-por-vencer > td {
    background-color: var(--mpu-error-fondo);
}

/* ---------- Editores de plantillas (Modelos de contratos, Editor de plantillas) ----------
   mpu-ct-ancho: ocupa todo el ancho (cabecera propia del DxPopup del editor).
   mpu-ct-columna / mpu-ct-flexible: columna que llena el panel del splitter; la parte flexible
   (el DxRichEdit) toma el alto restante.
   mpu-ct-vista: vista previa con datos, seleccion a la izquierda (1/3) y documento (2/3).
   mpu-ct-desplazable / mpu-ct-hoja: listas y hoja de vista previa con alto limitado.
   mpu-ct-editor-pagina / mpu-ct-editor: pagina Editor de plantillas, lista a la izquierda y
   editor con alto minimo (antes .editor-container, min-height 600px).
   mpu-ct-lista*: lista seleccionable de plantillas (antes .plantilla-item). */
.mpu-ct-ancho { width: 100%; }
.mpu-ct-columna {
    display: flex; flex-direction: column; gap: var(--mpu-espacio-2);
    height: 100%; min-height: 0; padding: var(--mpu-espacio-2);
}
.mpu-ct-flexible { flex: 1; min-height: 0; overflow: hidden; }
.mpu-ct-vista { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--mpu-espacio-3); }
.mpu-ct-desplazable { max-height: 200px; overflow-y: auto; }
.mpu-ct-hoja {
    height: 400px; overflow-y: auto; padding: var(--mpu-espacio-4);
    background: var(--mpu-superficie); border: 1px solid var(--mpu-borde); border-radius: var(--mpu-radio);
}
.mpu-ct-editor-pagina { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: var(--mpu-espacio-3); align-items: start; }
.mpu-ct-editor { min-height: 600px; border: 1px solid var(--mpu-borde); border-radius: var(--mpu-radio); background: var(--mpu-superficie); }
.mpu-ct-campos { margin-top: var(--mpu-espacio-2); }
.mpu-ct-lista { display: flex; flex-direction: column; max-height: 400px; overflow-y: auto; border-top: 1px solid var(--mpu-borde); }
.mpu-ct-lista-item {
    display: flex; flex-direction: column; gap: 2px; padding: var(--mpu-espacio-2) var(--mpu-espacio-3);
    border-bottom: 1px solid var(--mpu-borde); border-left: 3px solid transparent; cursor: pointer; background: var(--mpu-superficie);
}
.mpu-ct-lista-item:hover { background: var(--mpu-fila-hover); }
.mpu-ct-lista-item-sel, .mpu-ct-lista-item-sel:hover { background: var(--mpu-fila-seleccionada); border-left-color: var(--mpu-azul-700); }
@media (max-width: 900px) {
    .mpu-ct-vista, .mpu-ct-editor-pagina { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- UNI-ADE (08-oct-2026) - Adendas ----------
   mpu-ade-campo: buscador (DxPopupLookup) que ocupa el ancho del campo con su boton «+» de alta rapida al lado.
   mpu-ade-fila-fallida: fila de «Pendientes» que NO se guardo (D8); el motivo va en la columna Resultado.
   mpu-ade-contrato: tarjeta del contrato elegido en «Adendas por contrato» (vista D4). */
.mpu-ade-campo { flex-wrap: nowrap; }
.mpu-ade-campo > :first-child { flex: 1; min-width: 0; }
.mpu-grilla tr.mpu-ade-fila-fallida > td {
    background-color: var(--mpu-error-fondo);
}
.mpu-ade-contrato { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--mpu-espacio-3); }
@media (max-width: 900px) {
    .mpu-ade-contrato { grid-template-columns: minmax(0, 1fr); }
}