/* Re-skins the vendor SweetAlert2 popup to read as part of this admin's own
   Skote theme instead of the library's generic defaults — sizing off this
   admin's actual 0.8125rem base font (--bs-body-font-size in theme.css,
   vendor sizes off the unmodified 16px root), Skote's own brand colors
   (--bs-primary/success/danger/warning/info in theme.css) instead of old
   admin's/Swal's placeholder blue-red, and Skote's modal chrome (radius,
   background, shadow) instead of the vendor's plain white card look. */

.swal2-popup {
    width: 30em;
    padding: 1.5em 1.25em;
    font-family: var(--bs-body-font-family, "Poppins", sans-serif);
    font-size: 0.95rem;
    border-radius: var(--bs-border-radius-lg, 0.4rem);
    background-color: var(--bs-secondary-bg, #fff);
    color: var(--bs-body-color, #495057);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.15);
}
.swal2-title {
    margin: 0 0 0.4em;
    font-size: 1.35em;
    font-weight: 600;
    color: var(--bs-emphasis-color, #495057);
}
.swal2-html-container,
.swal2-popup .swal2-content {
    font-size: 1em;
    color: var(--bs-secondary-color, #74788d);
}

/* Icon circles — recolored to Skote's own success/danger/warning/info/primary,
   with a soft subtle-tint backing (matching the avatar-title bg-*-subtle chip
   look used elsewhere in this admin) instead of the vendor's pale defaults. */
.swal2-icon.swal2-success {
    border-color: #34c38f;
    background-color: rgba(52, 195, 143, 0.12);
}
.swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: #34c38f;
}
.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(52, 195, 143, 0.3);
}
.swal2-icon.swal2-error {
    border-color: #f46a6a;
    background-color: rgba(244, 106, 106, 0.12);
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #f46a6a;
}
.swal2-icon.swal2-warning {
    border-color: #f1b44c;
    background-color: rgba(241, 180, 76, 0.12);
    color: #f1b44c;
}
.swal2-icon.swal2-info {
    border-color: #50a5f1;
    background-color: rgba(80, 165, 241, 0.12);
    color: #50a5f1;
}
.swal2-icon.swal2-question {
    border-color: #556ee6;
    background-color: rgba(85, 110, 230, 0.12);
    color: #556ee6;
}

.swal2-popup .swal2-styled {
    padding: 0.5em 1.5em;
    font-size: 0.95em;
    font-weight: 500;
}
.swal2-popup .swal2-styled.swal2-confirm,
.swal2-popup .swal2-styled.swal2-cancel,
.swal2-popup .swal2-styled.swal2-deny {
    font-size: 0.95em;
    border-radius: var(--bs-border-radius, 0.25rem);
}
.swal2-popup .swal2-actions {
    margin-top: 1em;
}
.swal2-popup .swal2-input,
.swal2-popup .swal2-textarea,
.swal2-popup .swal2-select {
    font-size: 0.95em;
    border-radius: var(--bs-border-radius, 0.25rem);
}
.swal2-popup .swal2-input {
    height: 2.4em;
}
.swal2-popup .swal2-textarea {
    height: 5.5em;
}
.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-textarea:focus,
.swal2-popup .swal2-select:focus {
    border-color: #556ee6;
    box-shadow: 0 0 0 0.2rem rgba(85, 110, 230, 0.25);
}