:root {
    --main: #000000;
    --main-rgb: 0, 0, 0;
    --white: #ffffff;
    --gray-200: #e9ecef;
    --gray-400: #ced4da;
    --gray-700: #495057;
}

/* ===============================
   Popup & Base Layout
=============================== */
.swal2-popup {
    border-radius: 8px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    padding: 12px !important;
    border: 1px solid var(--gray-200) !important;
    background: var(--white) !important;
    font-family: inherit !important;
    font-size: 14px !important;
}

/* ===============================
   Confirm Button
=============================== */
.swal2-confirm {
    background-color: var(--main) !important;
    border: 1px solid var(--main) !important;
    color: var(--white) !important;
}

/* ===============================
   Close Button
=============================== */
.swal2-close {
    color: var(--gray-400) !important;
    font-size: 1.2rem !important;
}

.swal2-close:hover {
    color: var(--gray-700) !important;
}

/* ===============================
   Inputs Focus
=============================== */
.swal2-input:focus,
.swal2-textarea:focus {
    border-color: var(--main) !important;
    box-shadow: 0 0 0 2px rgba(var(--main-rgb), 0.1) !important;
}

/* ===============================
   Hide Icons (Optional)
=============================== */
.swal2-icon-show {
    display: none !important;
}