/**
 * Global SweetAlert2 Emerald Glassmorphism Styling
 * Standardizes all platform alerts to the Mono Pay premium aesthetic.
 */

.swal2-popup {
    background: rgba(6, 78, 59, 0.85) !important;
    backdrop-filter: blur(25px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(200%) !important;
    border-radius: 2.5rem !important;
    padding: 2.5rem !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
    color: white !important;
}

/* Glassmorphism Backdrop Override */
.swal2-container.swal2-backdrop-show {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    background: rgba(2, 44, 34, 0.4) !important;
}

.swal2-title {
    font-weight: 900 !important;
    font-size: 1.5rem !important;
    color: white !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 0.5rem !important;
    text-transform: uppercase;
}

.swal2-html-container {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.6 !important;
}

.swal2-confirm {
    background: #10b981 !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-radius: 1.25rem !important;
    padding: 0.85rem 2.5rem !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    box-shadow: 0 10px 20px -5px rgba(16, 185, 129, 0.4) !important;
    border: none !important;
    color: white !important;
    margin: 0.5rem !important;
}

.swal2-cancel {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border-radius: 1.25rem !important;
    padding: 0.85rem 2.5rem !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin: 0.5rem !important;
}

/* Icon Overrides - Premium Emerald Theme */
.swal2-icon {
    border-width: 3px !important;
    margin-bottom: 1.5rem !important;
}

.swal2-icon.swal2-success {
    border-color: #10b981 !important;
    color: #10b981 !important;
}
.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #10b981 !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid rgba(16, 185, 129, .2) !important;
}

.swal2-icon.swal2-error {
    border-color: #f43f5e !important;
    color: #f43f5e !important;
}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: #f43f5e !important;
}

.swal2-icon.swal2-info {
    border-color: #3b82f6 !important;
    color: #3b82f6 !important;
}

.swal2-icon.swal2-warning {
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}

/* Hover Effects */
.swal2-confirm:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgba(16, 185, 129, 0.5) !important;
}

.swal2-cancel:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

/* Progress Bar */
.swal2-timer-progress-bar {
    background: #10b981 !important;
}

/* Animations */
.swal2-show {
    animation: swal2-show 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

@keyframes swal2-show {
    0% { transform: scale(0.8) translateY(20px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

/* Loading Spinner - Emerald */
.premium-loader {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(16, 185, 129, 0.1);
    border-top: 4px solid #10b981;
    border-radius: 50%;
    animation: premium-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    margin: 2rem auto;
}

@keyframes premium-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}