/**
 * VEA CAST - CSS Override para botones disabled y estados
 * Este archivo tiene la máxima prioridad para sobrescribir estilos problemáticos
 */

/* ============================================================================
   OVERRIDE COMPLETO - BOTONES DISABLED 
   ============================================================================ */

/* Máxima especificidad para botones disabled - OVERRIDE COMPLETO */
body.step-1 .action-btn:disabled,
body.step-2 .action-btn:disabled,
body.step-3 .action-btn:disabled,
body.step-4 .action-btn:disabled,
body.step-1 .action-btn.disabled,
body.step-2 .action-btn.disabled,
body.step-3 .action-btn.disabled,
body.step-4 .action-btn.disabled,
body.step-1 .nav-btn:disabled,
body.step-2 .nav-btn:disabled,
body.step-3 .nav-btn:disabled,
body.step-4 .nav-btn:disabled,
body.step-1 .nav-btn.disabled,
body.step-2 .nav-btn.disabled,
body.step-3 .nav-btn.disabled,
body.step-4 .nav-btn.disabled,
body.step-1 .gallery-btn:disabled,
body.step-2 .gallery-btn:disabled,
body.step-3 .gallery-btn:disabled,
body.step-4 .gallery-btn:disabled,
body.step-1 .gallery-btn.disabled,
body.step-2 .gallery-btn.disabled,
body.step-3 .gallery-btn.disabled,
body.step-4 .gallery-btn.disabled {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    box-shadow: none !important;
    transform: none !important;
    border: 1px solid #2d2d2d !important;
    border-color: #2d2d2d !important;
}

/* Hover para botones disabled - OVERRIDE COMPLETO */
body.step-1 .action-btn:disabled:hover,
body.step-2 .action-btn:disabled:hover,
body.step-3 .action-btn:disabled:hover,
body.step-4 .action-btn:disabled:hover,
body.step-1 .action-btn.disabled:hover,
body.step-2 .action-btn.disabled:hover,
body.step-3 .action-btn.disabled:hover,
body.step-4 .action-btn.disabled:hover,
body.step-1 .nav-btn:disabled:hover,
body.step-2 .nav-btn:disabled:hover,
body.step-3 .nav-btn:disabled:hover,
body.step-4 .nav-btn:disabled:hover,
body.step-1 .nav-btn.disabled:hover,
body.step-2 .nav-btn.disabled:hover,
body.step-3 .nav-btn.disabled:hover,
body.step-4 .nav-btn.disabled:hover,
body.step-1 .gallery-btn:disabled:hover,
body.step-2 .gallery-btn:disabled:hover,
body.step-3 .gallery-btn:disabled:hover,
body.step-4 .gallery-btn:disabled:hover,
body.step-1 .gallery-btn.disabled:hover,
body.step-2 .gallery-btn.disabled:hover,
body.step-3 .gallery-btn.disabled:hover,
body.step-4 .gallery-btn.disabled:hover {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    box-shadow: none !important;
    transform: none !important;
    border: 1px solid #2d2d2d !important;
    border-color: #2d2d2d !important;
}

/* ============================================================================
   OVERRIDE COMPLETO - FILE STATUS PROCESSED
   ============================================================================ */

/* Máxima especificidad para estado processed */
body.step-3 #fileStatus.processed,
body.step-4 #fileStatus.processed,
body #fileStatus.processed {
    color: #0f9d58 !important;
    font-weight: 500 !important;
    text-align: right !important;
    font-size: 14px !important;
}

/* Limpiar cualquier style inline que pueda interferir */
body #fileStatus.processed[style] {
    color: #0f9d58 !important;
}

/* ============================================================================
   OVERRIDE COMPLETO - STEP 1 BUTTON EXCEPTION
   ============================================================================ */

/* Asegurar que el botón en step 1 NUNCA se vea disabled cuando esté habilitado */
body.step-1 .action-btn:not(:disabled):not(.disabled) {
    background: #0f9d58 !important;
    background-color: #0f9d58 !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

body.step-1 .action-btn:not(:disabled):not(.disabled):hover {
    background: #0b8548 !important;
    background-color: #0b8548 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(15, 157, 88, 0.3) !important;
}

/* ============================================================================
   OVERRIDE GALLERY BUTTON - VERDE COMO SELECT FILE
   ============================================================================ */

/* Gallery button debe ser verde como Select File */
body.step-1 .gallery-btn,
body.step-1 #backButton.gallery-btn {
    background: #0f9d58 !important;
    background-color: #0f9d58 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

body.step-1 .gallery-btn:hover,
body.step-1 #backButton.gallery-btn:hover {
    background: #0b8548 !important;
    background-color: #0b8548 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(15, 157, 88, 0.3) !important;
}

/* Gallery button disabled debe ser gris como otros botones */
body.step-1 .gallery-btn:disabled,
body.step-1 .gallery-btn.disabled,
body.step-1 #backButton.gallery-btn:disabled,
body.step-1 #backButton.gallery-btn.disabled {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    box-shadow: none !important;
    transform: none !important;
    border: 1px solid #2d2d2d !important;
}