/* ===== mis-casos.css =====
   Módulo operativo del servidor.
   Diferenciado de Expedientes: columnas propias, alerta de inactividad
   y modal en dos columnas.
   ========================================================= */

/* -----------------------------------------------------------------------
   TABLA — columnas desktop (6 columnas)
   Mismo patrón que expedientes: selector sobre .ui-div-row
------------------------------------------------------------------------ */
.ui-div-table-mc .ui-div-row {
    grid-template-columns: 2fr 1fr 1.1fr 1.1fr 1.3fr 0.8fr;
}

/* -----------------------------------------------------------------------
   RESPONSIVE DE LA TABLA
   Breakpoint 940px: el sistema base oculta thead y pone 2 cols en tbody.
   Solo necesitamos sobreescribir las columnas del tbody en ese rango.
------------------------------------------------------------------------ */
@media (max-width: 940px) {
    .ui-div-table-mc .ui-div-tbody .ui-div-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ui-div-table-mc .ui-div-tbody .ui-div-row {
        grid-template-columns: 1fr;
    }
}

/* -----------------------------------------------------------------------
   FILTROS — 3 columnas (sin distrito ni servidor)
------------------------------------------------------------------------ */
.mc-filters-grid {
    grid-template-columns: 2.5fr 1fr 1fr;
}

@media (max-width: 860px) {
    .mc-filters-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .mc-filters-grid {
        grid-template-columns: 1fr;
    }
}

/* -----------------------------------------------------------------------
   ALERTA DE INACTIVIDAD (> 30 días sin sesión)
------------------------------------------------------------------------ */
.ui-div-row.mc-alerta {
    border-left: 3px solid var(--danger, #e74c3c);
}

.mc-alerta-dot {
    display: inline-block;
    margin-right: 4px;
    color: var(--danger, #e74c3c);
    font-size: 13px;
}

.mc-actividad {
    font-size: 13px;
    color: var(--text-soft);
}

/* -----------------------------------------------------------------------
   MODAL — usa exp-grid / exp-panel de expedientes.css
   Solo ancho específico de este módulo
------------------------------------------------------------------------ */
.mc-modal-backdrop .is-xl {
    max-width: 1120px;
    width: min(1120px, calc(100vw - 28px));
}

/* -----------------------------------------------------------------------
   Variante compacta del dl de datos y título de sección
   (definición principal en expedientes.css; aquí como fallback)
------------------------------------------------------------------------ */
.exp-dl--compact {
    gap: 5px 12px;
    margin-bottom: 14px;
}

.exp-dl--compact dt { font-size: 11.5px; }
.exp-dl--compact dd { font-size: 12.5px; }

.exp-section-title {
    margin: 10px 0 6px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-muted);
}