/* --- ESTILO PARA EL DIÁLOGO DE RECUPERACIÓN --- */

/* Contenedor principal del diálogo */
#recuperarDialog {
    background: rgba(25, 25, 25, 0.9) !important; /* Fondo oscuro traslúcido */
    color: #fff !important;
}

/* Encabezado del diálogo (Título) */
#recuperarDialog.panel-body {
    border: none !important;
}

/* Estilo para la ventana (window) que envuelve al diálogo */
.window, .window-shadow {
    border-radius: 20px !important;
    border: 1px solid rgba(230, 126, 34, 0.4) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.8) !important;
}

.window-header {
    background: transparent !important;
    padding: 15px 10px !important;
    border: none !important;
}

.window-title {
    color: #e67e22 !important; /* Título en naranja */
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

/* Botón de cerrar del diálogo */
.panel-tool-close {
    filter: invert(1) brightness(2); /* Hace la 'X' blanca */
}

/* Texto interno */
.dialog-text-custom {
    color: #bbb !important;
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 20px;
    text-align: center;
}

/* Quitar bordes y fondos grises internos de EasyUI */
.custom-dialog .panel-body {
    background: rgba(25, 25, 25, 0.98) !important;
    border: none !important;
    border-radius: 0 0 20px 20px !important;
}

/* Estilo para el encabezado del diálogo */
.custom-dialog .panel-header {
    background: rgba(35, 35, 35, 0.98) !important;
    border: none !important;
    padding: 15px !important;
    border-radius: 20px 20px 0 0 !important;
}

/* Mejorar el botón de cerrar (la X) */
.custom-dialog .panel-tool-close {
    background-color: rgba(255,255,255,0.1);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    filter: invert(1); /* Hace la X blanca */
}

/* Efecto hover para el botón cancelar */
.custom-dialog a.l-btn:hover {
    filter: brightness(1.2);
}

#recuperarDialog .textbox {
    background: #fff !important;
    border-radius: 10px !important;
}

#recuperarDialog .textbox-text {
    color: #000 !important;
}

/* Color del spinner de carga de SweetAlert2 */
.swal2-loader {
    border-color: #e67e22 transparent #e67e22 transparent !important;
}