/* Toast con estilo verde oscuro */
.material-toast-popup {
    border-radius: 12px !important;
    padding: 16px 44px 16px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    min-width: 340px !important;
    max-width: 420px !important;
}

/* Tema success - verde oscuro */
.swal2-success.material-toast-popup {
    background: hsl(145.79 79.26% 26.47% / 1) !important;
}

/* Tema error - rojo oscuro */
.swal2-error.material-toast-popup {
    background: #7f1d1d !important;
}

/* Contenedor principal */
.material-toast-content {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Título del toast */
.toast-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 2px 0 !important;
    letter-spacing: -0.01em !important;
}

/* Success title */
.swal2-success .toast-title {
    color: #34d399 !important;
}

/* Error title */
.swal2-error .toast-title {
    color: #fca5a5 !important;
}

/* Descripción del toast */
.toast-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    opacity: 0.9 !important;
}

/* Success description */
.swal2-success .toast-description {
    color: #6ee7b7 !important;
}

/* Error description */
.swal2-error .toast-description {
    color: #fecaca !important;
}

/* Icono con Material Icons */
.swal2-toast .swal2-icon {
    width: 28px !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    margin-top: 2px !important;
}

.swal2-toast .swal2-icon .material-symbols-outlined {
    font-size: 28px !important;
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important;
}

/* Color icono success */
.swal2-success .material-symbols-outlined {
    color: #10b981 !important;
}

/* Color icono error */
.swal2-error .material-symbols-outlined {
    color: #ef4444 !important;
}

/* Ocultar animaciones por defecto de SweetAlert */
.swal2-toast .swal2-success-ring,
.swal2-toast .swal2-success-fix,
.swal2-toast .swal2-success [class^='swal2-success-line'],
.swal2-toast .swal2-x-mark,
.swal2-toast .swal2-x-mark-line-left,
.swal2-toast .swal2-x-mark-line-right {
    display: none !important;
}

.material-close-button {
    position: absolute !important;
    top: 0% !important;
    transform: translateY(-50%) !important;
    left: 17px !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 20px !important;
    line-height: 15px !important;
    opacity: 0.6 !important;
    transition: all 0.15s ease !important;
    border-radius: 10px !important;
    background: #cdcdcd !important;
    border: 1px solid #606060 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #606060 !important;
}

.material-close-button:active {
    transform: translateY(-50%) scale(0.95) !important;
}

/* Animaciones */
@keyframes material-fade-in {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes material-fade-out {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(-10px) scale(0.95);
    }
}

.material-fade-in {
    animation: material-fade-in 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.material-fade-out {
    animation: material-fade-out 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Layout del contenido */
.swal2-toast .swal2-html-container {
    margin: 0 !important;
    padding: 0 !important;
}