/* ════════════════════════════════════════════════════════════════════════════
   POSTUL-V4 — Estilos del admin reformado (TEMA OSCURO, consistente).
   Solo agrega/sobreescribe clases v4-*. Usa los tokens --mn-* del CSS base.
   Cargado DESPUES de postulaciones.css y postulaciones-v3.css.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Resumen rápido arriba: tags grandes con estado por puesto ────────── */
.v4-resumen {
    margin-bottom: 12px;
}
.v4-resumen-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v4-tag-puesto {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border-radius: var(--mn-radius-sm);
    font-weight: 700;
    font-size: 0.95rem;
    border: 1px solid;
    line-height: 1.25;
    letter-spacing: .02em;
}

.v4-tag-puesto.ok {
    background: rgba(43,217,107,.10);
    color: var(--mn-green);
    border-color: var(--mn-green);
    box-shadow: 0 0 0 1px var(--mn-green) inset, 0 0 12px var(--mn-green-glow);
}
.v4-tag-puesto.alerta {
    background: rgba(240,180,41,.10);
    color: var(--mn-amber);
    border-color: rgba(240,180,41,.55);
}
.v4-tag-puesto.neutral {
    background: var(--mn-bg-2);
    color: var(--mn-text-dim);
    border-color: var(--mn-line-2);
    font-weight: 500;
}

.v4-tag-critico {
    background: rgba(200,30,46,.15);
    color: var(--mn-red-soft);
    padding: 2px 9px;
    border-radius: 6px;
    font-size: 0.85rem;
    border: 1px solid rgba(200,30,46,.45);
    font-weight: 700;
}

/* ── Bloque de alertas críticas automáticas (parche rosa → oscuro) ───── */
.v4-alertas {
    background: rgba(200,30,46,.04);
    border-left: 4px solid var(--mn-red-soft);
    margin-bottom: 12px;
    padding: 14px 16px;
}
.v4-alertas-tit {
    color: var(--mn-red-soft);
    font-family: var(--mn-display);
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1.05rem;
    margin: 0 0 10px 0;
}

/* ── Bloque de veredicto V4 (3 columnas) — antes era todo blanco ──── */
.v4-veredicto {
    margin-bottom: 16px;
    padding: 14px;
}

.v4-cols {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.v4-col {
    background: var(--mn-bg-2);
    border: 1px solid var(--mn-line);
    border-radius: var(--mn-radius-sm);
    padding: 14px;
    min-height: 70px;
}

.v4-col-empty {
    background: var(--mn-bg-2);
    opacity: 0.5;
}

.v4-col-tit {
    font-family: var(--mn-display);
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 0.95rem;
    color: var(--mn-text);
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mn-line);
}

/* ── Bandera individual (cada chip del veredicto) ──────────────────── */
.v4-bandera {
    display: block;
    padding: 7px 11px;
    margin-bottom: 6px;
    border-radius: 7px;
    font-size: 0.88rem;
    line-height: 1.4;
    border-left: 3px solid;
}

.v4-bandera-verde {
    background: rgba(43,217,107,.08);
    color: var(--mn-green);
    border-left-color: var(--mn-green);
}

.v4-bandera-roja {
    background: rgba(240,180,41,.08);
    color: var(--mn-amber);
    border-left-color: var(--mn-amber);
}

.v4-bandera-rojacritica {
    background: rgba(200,30,46,.04);
    color: var(--mn-red-soft);
    border-left-color: var(--mn-red-soft);
    font-weight: 600;
}

/* ── Chips de filtros V4 (en la lista admin) ───────────────────────── */
.pa-chk-v4 {
    border-color: var(--mn-green-dim) !important;
}
.pa-chk-v4.on {
    background: rgba(43,217,107,.10) !important;
    color: var(--mn-green) !important;
    border-color: var(--mn-green) !important;
    box-shadow: 0 0 0 1px var(--mn-green) inset !important;
}

.pa-chk-v4-rojo {
    border-color: rgba(200,30,46,.45) !important;
}
.pa-chk-v4-rojo.on {
    background: rgba(200,30,46,.06) !important;
    color: var(--mn-red-soft) !important;
    border-color: var(--mn-red-soft) !important;
    box-shadow: 0 0 0 1px var(--mn-red-soft) inset !important;
}

/* ── Pills V4 (en las cards de la lista de postulantes) ──────────── */
.v4-pill {
    font-weight: 700;
    padding: 3px 9px;
    font-size: 0.78rem;
    border-radius: 999px;
    letter-spacing: .02em;
}

.v4-pill-almacen {
    background: rgba(96,165,250,.12);
    color: #93c5fd;
    border: 1px solid rgba(96,165,250,.4);
}
.v4-pill-cocina {
    background: rgba(240,180,41,.12);
    color: var(--mn-amber);
    border: 1px solid rgba(240,180,41,.4);
}
.v4-pill-critico {
    background: rgba(200,30,46,.04);
    color: var(--mn-red-soft);
    border: 1px solid rgba(200,30,46,.45);
}
.v4-pill-verde {
    background: rgba(43,217,107,.10);
    color: var(--mn-green);
    border: 1px solid var(--mn-green);
}

/* ── Responsive (mobile) ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .v4-cols {
        grid-template-columns: 1fr;
    }
    .v4-tag-puesto {
        font-size: 0.85rem;
        padding: 6px 12px;
    }
}