/* =========================
   SWEETALERT2 - GOOGLE STYLE
   ========================= */

.swal2-popup{
    width: 32em !important;
    max-width: calc(100vw - 32px) !important;
    padding: 28px 28px 24px 28px !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 36px rgba(60,64,67,.18), 0 2px 10px rgba(60,64,67,.10) !important;
    font-family: inherit !important;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation{
    background: rgba(32,33,36,.32) !important;
    backdrop-filter: blur(2px) !important;
}

.swal2-icon{
    margin: 0 auto 18px auto !important;
    border-width: 0 !important;
    transform: scale(1.08) !important;
}

.swal2-title{
    margin: 0 !important;
    padding: 0 !important;
    color: #202124 !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    letter-spacing: -.2px !important;
    text-align: center !important;
}

.swal2-html-container{
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    color: #5f6368 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

.swal2-actions{
    width: 100% !important;
    margin: 24px 0 0 0 !important;
    padding: 0 !important;
    gap: 12px !important;
    justify-content: center !important;
}

.swal2-styled{
    min-height: 46px !important;
    padding: 0 22px !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 46px !important;
    transition: all .18s ease !important;
}

.swal2-styled:focus{
    box-shadow: 0 0 0 4px rgba(26,115,232,.16) !important;
}

.swal2-confirm{
    background: #1a73e8 !important;
    color: #ffffff !important;
}

.swal2-confirm:hover{
    background: #1765cc !important;
    transform: translateY(-1px) !important;
}

.swal2-cancel{
    background: #eef2f7 !important;
    color: #374151 !important;
}

.swal2-cancel:hover{
    background: #e5ebf2 !important;
    color: #111827 !important;
    transform: translateY(-1px) !important;
}

.swal2-deny{
    background: #fce8e6 !important;
    color: #c5221f !important;
}

.swal2-deny:hover{
    background: #fad2cf !important;
    transform: translateY(-1px) !important;
}

/* SUCCESS */
.swal2-icon.swal2-success{
    color: #1e8e3e !important;
}

.swal2-icon.swal2-success .swal2-success-ring{
    border: 0.25em solid #cde7d3 !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line']{
    background-color: #34a853 !important;
}

.swal2-icon.swal2-success .swal2-success-fix{
    background: transparent !important;
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line']{
    background: transparent !important;
}

/* ERROR */
.swal2-icon.swal2-error{
    border-color: #f4c7c3 !important;
    color: #d93025 !important;
}

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

/* WARNING */
.swal2-icon.swal2-warning{
    border-color: #fde293 !important;
    color: #f9ab00 !important;
}

/* INFO */
.swal2-icon.swal2-info{
    border-color: #d2e3fc !important;
    color: #1a73e8 !important;
}

/* QUESTION */
.swal2-icon.swal2-question{
    border-color: #d2e3fc !important;
    color: #4285f4 !important;
}

/* INPUTS */
.swal2-input,
.swal2-textarea,
.swal2-select,
.swal2-file{
    margin: 12px auto 0 auto !important;
    border: 1px solid #d7dce3 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    color: #202124 !important;
    font-size: 14px !important;
}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus{
    border-color: #1a73e8 !important;
    box-shadow: 0 0 0 4px rgba(26,115,232,.12) !important;
}

/* LOADER */
.swal2-loader{
    border-color: #d2e3fc transparent #d2e3fc transparent !important;
}

/* CLOSE */
.swal2-close{
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    color: #5f6368 !important;
    font-size: 24px !important;
    transition: all .18s ease !important;
}

.swal2-close:hover{
    background: #f1f3f4 !important;
    color: #202124 !important;
}

/* FOOTER */
.swal2-footer{
    border-top: 1px solid #edf1f5 !important;
    color: #5f6368 !important;
    font-size: 13px !important;
}

/* TIMER BAR */
.swal2-timer-progress-bar{
    background: #1a73e8 !important;
}

/* TOAST */
.swal2-toast{
    padding: 14px 18px !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(60,64,67,.16), 0 2px 8px rgba(60,64,67,.08) !important;
}

.swal2-toast .swal2-title{
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.swal2-toast .swal2-html-container{
    font-size: 13px !important;
    text-align: left !important;
    margin: 4px 0 0 0 !important;
}

.swal2-toast .swal2-success-ring{
    border-color: #cde7d3 !important;
}

/* MOBILE */
@media (max-width: 576px){
    .swal2-popup{
        width: calc(100vw - 20px) !important;
        padding: 24px 18px 18px 18px !important;
        border-radius: 24px !important;
    }

    .swal2-title{
        font-size: 24px !important;
    }

    .swal2-html-container{
        font-size: 14px !important;
    }

    .swal2-actions{
        gap: 10px !important;
    }

    .swal2-styled{
        min-width: 120px !important;
    }
}