/* =====================================================================
   NZT WEB - PROYECCION EDITABLE 001
   Capa exclusiva para nombre editable y dejar de proyectar.
   Requiere Estadisticas Theme 004 aprobado.
   ===================================================================== */

body.nzt-estadisticas-v2 .nzt-proy-name-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

body.nzt-estadisticas-v2 .nzt-proy-name-field {
    min-width: 0 !important;
}

body.nzt-estadisticas-v2 .nzt-proy-field-label {
    display: block !important;
    margin-bottom: 7px !important;
    color: var(--nzt-est-muted) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

body.nzt-estadisticas-v2 .nzt-proy-register-nombre {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    border: 1px solid var(--nzt-est-border-strong) !important;
    border-radius: 15px !important;
    padding: 0 14px !important;
    background: var(--nzt-est-surface-soft) !important;
    color: var(--nzt-est-text) !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px !important;
    font-weight: 720 !important;
    transition: border-color .16s ease, box-shadow .16s ease !important;
}

body.nzt-estadisticas-v2 .nzt-proy-register-nombre:focus {
    border-color: var(--nzt-est-cyan) !important;
    box-shadow: 0 0 0 4px var(--nzt-est-cyan-soft) !important;
}

body.nzt-estadisticas-v2 .nzt-proy-register-nombre.nzt-proy-invalid {
    border-color: var(--nzt-est-danger) !important;
    box-shadow: 0 0 0 4px rgba(213, 72, 89, .12) !important;
}

body.nzt-estadisticas-v2 .nzt-proy-name-note {
    align-self: center !important;
    max-width: 235px !important;
    color: var(--nzt-est-muted) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

body.nzt-estadisticas-v2 .nzt-proy-register-row {
    margin-top: 10px !important;
}

body.nzt-estadisticas-v2 .nzt-proy-item-secondary-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid var(--nzt-est-border) !important;
}

body.nzt-estadisticas-v2 .nzt-proy-stop-button,
body.nzt-estadisticas-v2 .nzt-proy-completed-stop {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    border: 1px solid rgba(213, 72, 89, .32) !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    background: rgba(213, 72, 89, .06) !important;
    color: var(--nzt-est-danger) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

body.nzt-estadisticas-v2 .nzt-proy-stop-button:hover,
body.nzt-estadisticas-v2 .nzt-proy-stop-button:focus-visible,
body.nzt-estadisticas-v2 .nzt-proy-completed-stop:hover,
body.nzt-estadisticas-v2 .nzt-proy-completed-stop:focus-visible {
    border-color: var(--nzt-est-danger) !important;
    background: rgba(213, 72, 89, .11) !important;
    outline: none !important;
}

body.nzt-estadisticas-v2 .nzt-proy-stop-button:active,
body.nzt-estadisticas-v2 .nzt-proy-completed-stop:active {
    transform: scale(.98) !important;
}

body.nzt-estadisticas-v2 .nzt-proy-item-registered {
    min-width: 0 !important;
}

body.nzt-estadisticas-v2 .nzt-proy-completed-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 9px !important;
}

body.nzt-estadisticas-v2 .nzt-proy-card.processing .nzt-proy-stop-button,
body.nzt-estadisticas-v2 .nzt-proy-card.processing .nzt-proy-completed-stop {
    pointer-events: none !important;
    opacity: .45 !important;
}

.nzt-proy-stop-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 70000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    background: var(--nzt-est-overlay, rgba(9, 22, 34, .62)) !important;
    backdrop-filter: blur(6px) !important;
}

.nzt-proy-stop-dialog {
    width: min(100%, 470px) !important;
    border: 1px solid var(--nzt-est-border-strong) !important;
    border-radius: 28px !important;
    padding: 22px !important;
    background: var(--nzt-est-card-strong) !important;
    color: var(--nzt-est-text) !important;
    box-shadow: 0 30px 90px rgba(0, 17, 28, .36) !important;
    animation: nzt-proy-stop-in .18s ease-out !important;
}

.nzt-proy-stop-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 auto !important;
    border: 1px solid rgba(213, 72, 89, .28) !important;
    border-radius: 22px !important;
    background: rgba(213, 72, 89, .08) !important;
    color: var(--nzt-est-danger) !important;
    font-size: 24px !important;
}

.nzt-proy-stop-dialog h3 {
    margin: 15px 0 0 !important;
    color: var(--nzt-est-text) !important;
    font-size: 21px !important;
    font-weight: 860 !important;
    text-align: center !important;
}

.nzt-proy-stop-dialog > p {
    margin: 9px 0 0 !important;
    color: var(--nzt-est-text-soft) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

.nzt-proy-stop-warning {
    margin-top: 15px !important;
    border: 1px solid rgba(213, 72, 89, .26) !important;
    border-radius: 17px !important;
    padding: 13px 14px !important;
    background: rgba(213, 72, 89, .06) !important;
    color: var(--nzt-est-text-soft) !important;
    font-size: 12px !important;
    font-weight: 680 !important;
    line-height: 1.5 !important;
}

.nzt-proy-stop-warning strong {
    color: var(--nzt-est-danger) !important;
    font-weight: 900 !important;
}

.nzt-proy-stop-actions {
    display: grid !important;
    grid-template-columns: 1fr 1.2fr !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.nzt-proy-stop-cancel,
.nzt-proy-stop-confirm {
    min-height: 52px !important;
    border-radius: 17px !important;
    padding: 0 14px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.nzt-proy-stop-cancel {
    border: 1px solid var(--nzt-est-border-strong) !important;
    background: var(--nzt-est-surface-soft) !important;
    color: var(--nzt-est-text-soft) !important;
}

.nzt-proy-stop-confirm {
    border: 1px solid var(--nzt-est-danger) !important;
    background: var(--nzt-est-danger) !important;
    color: #ffffff !important;
}

.nzt-proy-stop-confirm:disabled,
.nzt-proy-stop-cancel:disabled {
    cursor: wait !important;
    opacity: .58 !important;
}

@keyframes nzt-proy-stop-in {
    from { opacity: 0; transform: translateY(10px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 760px) {
    body.nzt-estadisticas-v2 .nzt-proy-name-row {
        grid-template-columns: 1fr !important;
    }

    body.nzt-estadisticas-v2 .nzt-proy-name-note {
        max-width: none !important;
    }

    .nzt-proy-stop-actions {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================================
   NZT WEB - PROYECCION LISTAS 004
   Evita que los items se compriman dentro de listas con altura limitada.
   Cada item conserva su altura completa y la lista usa scroll interno.
   ===================================================================== */

body.nzt-estadisticas-v2 .nzt-proy-items > .nzt-proy-item {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
}