/* =====================================================================================
   mpu-convocatoria.css — Tanda R3G (Convocatoria). Clases mpu-cv-*, solo con tokens de
   mpu-base.css y sin reglas sobre clases internas de DevExpress. Enlazar en App.razor.
   ===================================================================================== */

/* Registro rapido: panel de consulta (1/3) y grilla de registrados (2/3) */
.mpu-cv-dos-tercios {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: var(--mpu-espacio-3); align-items: start;
}
@media (max-width: 899.98px) { .mpu-cv-dos-tercios { grid-template-columns: minmax(0, 1fr); } }

/* Registro rapido: la caja del DNI ocupa el ancho que deja el boton Buscar */
.mpu-cv-dni { flex: 1 1 auto; min-width: 0; }

/* ---------- Gestion, plazas, postulantes, importar CAP y registrar cargo ---------- */
/* Fila de indicadores: 5 o 6 MpuKpi en una linea (mpu-rejilla-4 solo admite 4) */
.mpu-cv-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--mpu-espacio-3); }

/* Formulario a la izquierda y panel de resumen fijo de 300 px a la derecha */
.mpu-cv-lateral {
    display: grid; grid-template-columns: minmax(0, 1fr) 300px;
    gap: var(--mpu-espacio-3); align-items: start;
}
@media (max-width: 991.98px) { .mpu-cv-lateral { grid-template-columns: minmax(0, 1fr); } }

/* Anchos fijos de los filtros dentro de la barra de acciones */
.mpu-cv-w-90  { width: 90px; flex-shrink: 0; }
.mpu-cv-w-120 { width: 120px; flex-shrink: 0; }
.mpu-cv-w-140 { width: 140px; flex-shrink: 0; }
.mpu-cv-w-180 { width: 180px; flex-shrink: 0; }

/* Un editor que ocupa el ancho con un boton pegado a su derecha (Buscar en el CAP, Nueva area) */
.mpu-cv-campo-boton { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--mpu-espacio-1); align-items: center; }

/* Zona de carga del Excel */
.mpu-cv-carga { display: flex; flex-direction: column; gap: var(--mpu-espacio-2); border-style: dashed; background: var(--mpu-fondo-zonas); }
.mpu-cv-carga p { margin: 0; }

/* Texto de estado dentro de una celda (puntajes, errores de importacion) */
.mpu-cv-texto-ok    { color: var(--mpu-verde-texto); font-weight: 600; }
.mpu-cv-texto-error { color: var(--mpu-peligro); font-weight: 600; }
.mpu-cv-texto-aviso { color: var(--mpu-aviso-texto); }

/* Velo de «Procesando» sobre toda la pagina (antes position-fixed de Bootstrap, que no se carga) */
.mpu-cv-velo {
    position: fixed; inset: 0; z-index: 1060;
    display: flex; align-items: center; justify-content: center;
    background: color-mix(in srgb, var(--mpu-azul-900) 35%, transparent);
}
.mpu-cv-velo-caja {
    display: flex; align-items: center; gap: var(--mpu-espacio-2);
    padding: var(--mpu-espacio-4); background: var(--mpu-superficie);
    border: 1px solid var(--mpu-borde); border-radius: var(--mpu-radio-grande);
    font-size: var(--mpu-texto-base); color: var(--mpu-texto);
}