/* SweetAlert2 -> Bootstrap 4 compatibility layer
   Keeps default SWAL2 behavior (buttonsStyling: true) so per-call
   confirmButtonColor / cancelButtonColor keep working, while making
   the buttons and popup follow Bootstrap 4 conventions. */
.swal2-popup {
    font-family: inherit;
}

.swal2-popup .swal2-title {
    font-size: 1.25rem;
}

.swal2-popup .swal2-content {
    font-size: .9375rem;
}

.swal2-popup .swal2-styled {
    border-radius: .375rem;
    font-size: .875rem;
    line-height: 1.5;
    padding: .375rem .75rem;
}

.swal2-popup .swal2-confirm,
.swal2-popup .swal2-cancel {
    box-shadow: none;
}

.swal2-popup .swal2-confirm:focus,
.swal2-popup .swal2-cancel:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    outline: 0;
}