/*
 * SweetAlert buttons in the new button style: the ghost .wallet-action look (wallet-actions.css) - squared, a thin
 * border and a faint tint, no filled colour. Linked once in _Layout, so every alert on a signed-in page gets it
 * (the standalone auth pages keep their own alerts).
 *
 * !important on purpose: many alerts pass confirmButtonColor / cancelButtonColor, which SweetAlert writes as an
 * inline background colour, and sweetalert2.all.min.js injects its own button CSS at runtime.
 *
 * The confirm button carries a blue border and text - the "yes" is still the one that stands out - while cancel and
 * deny stay neutral.
 */
/* No display here: SweetAlert shows and hides each button with an inline display (none for a button the alert
   doesn't use). Forcing a display with !important once revealed a "No" and "Cancel" on every alert. So the buttons
   stay inline-block, and the text is centred with the line height instead of flex. */
.swal2-actions .swal2-styled.swal2-confirm,
.swal2-actions .swal2-styled.swal2-cancel,
.swal2-actions .swal2-styled.swal2-deny {
    height: 40px;
    line-height: 38px !important;
    min-width: 96px;
    margin: 0.3125em 5px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: inherit !important;
    font-family: inherit;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: none;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

body:not(.dark-theme) .swal2-actions .swal2-styled.swal2-confirm,
body:not(.dark-theme) .swal2-actions .swal2-styled.swal2-cancel,
body:not(.dark-theme) .swal2-actions .swal2-styled.swal2-deny {
    border-color: rgba(0, 0, 0, 0.12) !important;
    background: rgba(0, 0, 0, 0.025) !important;
}

/* The main action: blue border and text, still no fill. */
.swal2-actions .swal2-styled.swal2-confirm,
body:not(.dark-theme) .swal2-actions .swal2-styled.swal2-confirm {
    border-color: rgba(78, 113, 221, 0.6) !important;
    color: #8ea4ea !important;
}

body:not(.dark-theme) .swal2-actions .swal2-styled.swal2-confirm {
    color: #3a55b0 !important;
}

.swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm:hover,
.swal2-actions:not(.swal2-loading) .swal2-styled.swal2-cancel:hover,
.swal2-actions:not(.swal2-loading) .swal2-styled.swal2-deny:hover,
.swal2-actions .swal2-styled.swal2-confirm:focus-visible,
.swal2-actions .swal2-styled.swal2-cancel:focus-visible,
.swal2-actions .swal2-styled.swal2-deny:focus-visible {
    border-color: #4E71DD !important;
    background: rgba(78, 113, 221, 0.12) !important;
    background-image: none !important;
    transform: translateY(-1px);
    outline: none;
}

.swal2-actions .swal2-styled.swal2-confirm:focus,
.swal2-actions .swal2-styled.swal2-cancel:focus,
.swal2-actions .swal2-styled.swal2-deny:focus {
    box-shadow: none !important;
}

.swal2-actions .swal2-styled[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
    .swal2-actions:not(.swal2-loading) .swal2-styled:hover,
    .swal2-actions .swal2-styled:focus-visible {
        transform: none;
    }
}