/**
 * SweetAlert2 v11 — ผูกสีกับ ui-tokens.css
 * ดูรายการตัวแปร: https://sweetalert2.github.io/#variables
 */
:root {
    --swal2-background: var(--dm-swal-bg);
    --swal2-color: var(--dm-swal-text);
    --swal2-border-radius: var(--dm-swal-border-radius);
    --swal2-confirm-button-background-color: var(--dm-action-save-solid);
    --swal2-confirm-button-color: var(--dm-action-save-text);
    --swal2-cancel-button-background-color: var(--dm-action-cancel-bg);
    --swal2-cancel-button-color: var(--dm-action-cancel-text);
    --swal2-deny-button-background-color: var(--dm-action-danger-bg);
    --swal2-deny-button-color: var(--dm-action-danger-text);
}

.swal2-styled.swal2-deny {
    border: 1px solid var(--dm-action-danger-border, var(--dm-action-danger-bg)) !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dm-action-save-solid) 35%, transparent);
}

.swal2-styled.swal2-confirm:hover {
    background-color: var(--dm-action-save-solid-hover) !important;
}

.swal2-styled.swal2-cancel {
    border: 1px solid var(--dm-action-cancel-border) !important;
}

.swal2-styled.swal2-cancel:hover {
    background-color: var(--dm-action-cancel-hover-bg) !important;
    color: var(--dm-action-cancel-hover-text) !important;
    border-color: var(--dm-action-cancel-hover-border) !important;
}

.swal2-styled.swal2-deny:hover {
    background-color: var(--dm-action-danger-hover-bg) !important;
    color: var(--dm-action-danger-hover-text, var(--dm-action-danger-text)) !important;
    border-color: var(--dm-action-danger-hover-border, var(--dm-action-danger-hover-bg)) !important;
}

/* ปุ่มยืนยันแบบลบ (DM9Alert.confirmDanger) — โทนเดียวกับ dm-btn-danger */
.swal2-styled.swal2-confirm.dm-swal-confirm-danger {
    background-color: var(--dm-action-danger-bg) !important;
    color: var(--dm-action-danger-text) !important;
    border: 1px solid var(--dm-action-danger-border, var(--dm-action-danger-bg)) !important;
}

.swal2-styled.swal2-confirm.dm-swal-confirm-danger:hover {
    background-color: var(--dm-action-danger-hover-bg) !important;
    color: var(--dm-action-danger-hover-text, var(--dm-action-danger-text)) !important;
    border-color: var(--dm-action-danger-hover-border, var(--dm-action-danger-hover-bg)) !important;
}

.swal2-styled.swal2-confirm.dm-swal-confirm-danger:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dm-action-danger-border, var(--dm-action-danger-text)) 35%, transparent);
}