/*
 * SweetAlert2 (public/vendor/sweetalert2-11.26.25) in the app's own colours,
 * for dialogs.js. Ported from facilis-logistics (system/public/assets/css/
 * dialogs.css), whose variables point at its theme tokens; this app is
 * Bootstrap 4 with one light theme, so they hold Bootstrap's own values (the
 * modal's white, body text, border and focus ring). Loaded after
 * sweetalert2.min.css; its rules are wrapped in :where(), so these win
 * without !important.
 */
:root {
    --swal2-background: #fff;
    --swal2-color: #212529;
    --swal2-border: 1px solid rgba(0, 0, 0, 0.2);
    --swal2-border-radius: 0.3rem;
    --swal2-backdrop: rgba(0, 0, 0, 0.5);
    --swal2-toast-border: 1px solid rgba(0, 0, 0, 0.125);
    --swal2-footer-border-color: #dee2e6;
    --swal2-close-button-color: #212529;
    --swal2-outline: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/* Icons at 3:1 or more against the white dialog (WCAG 1.4.11); SweetAlert2's
   own pastel strokes are about 1.9:1. The app's verified green and WhatsApp
   teal, Bootstrap's danger red and secondary grey, and an amber that Bootstrap's
   #ffc107 (1.6:1) is not. */
:root {
    --dialog-icon-success: #1e7e34;
    --dialog-icon-error: #dc3545;
    --dialog-icon-warning: #b45309;
    --dialog-icon-info: #117a8b;
    --dialog-icon-question: #6c757d;
}

.swal2-popup.dialog-popup {
    font-family: inherit;
}
.swal2-popup.dialog-popup .swal2-title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
}
.swal2-popup.dialog-popup .swal2-html-container {
    font-size: 0.9375rem;
    line-height: 1.5;
}
/* A result of several lines ([data-line]) arrives joined by line breaks. */
.swal2-popup.dialog-popup .swal2-title,
.swal2-popup.dialog-popup .swal2-html-container {
    white-space: pre-line;
}

/* buttonsStyling is off: the app's own buttons, spaced, and tall enough for a
   thumb (44px, WCAG 2.5.5). */
.swal2-actions.dialog-actions {
    gap: 0.75rem;
    flex-wrap: wrap;
}
.swal2-actions.dialog-actions .btn {
    min-height: 44px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.swal2-close.dialog-close {
    min-width: 44px;
    min-height: 44px;
}

/* A toast's message at body size. SweetAlert2's 360px left a message of
   one sentence wrapping over four lines beside the icon and close button. */
body.swal2-toast-shown .swal2-container {
    width: 26rem;
    max-width: 100%;
}
.swal2-popup.swal2-toast.dialog-popup .swal2-title {
    font-size: 0.9375rem;
    font-weight: 500;
}