.btn-success {
    background-color: #16a34a !important; /* strong green */
    border-color: #16a34a !important;
    color: #fff !important;
}

.btn-success:hover {
    background-color: #15803d !important;
    border-color: #15803d !important;
}
.btn-info {
    background-color: #06b6d4 !important; /* cyan */
    border-color: #06b6d4 !important;
    color: #fff !important;
}

.btn-info:hover {
    background-color: #0891b2 !important;
    border-color: #0891b2 !important;
}

/* DANGER - Soft Light Red */
.btn-danger {
    background-color: #f01f07 !important; /* softer red */
    border-color: #ec041b !important;
    color: #ffffff !important;
}

.btn-danger:hover {
    background-color: #bb0010 !important;
    border-color: #ef9a9a !important;
}

/* ✅ Bootstrap modal/card style toast box */
.bs-toast-box {
    background: #fff !important;
    color: #212529 !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    min-width: 280px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;

    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* ✅ Text style like bootstrap alert */
.bs-toast-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* ✅ Make SweetAlert icon into FAB circle */
.bs-toast-icon {
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

/* ✅ Remove default swal toast layout issues */
.swal2-toast .swal2-icon {
    margin: 0 !important;
}

.swal2-toast .swal2-title {
    margin: 0 !important;
}

/* ✅ FAB color per type (Bootstrap-ish colors) */
.swal2-toast.swal2-icon-success .bs-toast-icon {
    background: rgba(25, 135, 84, 0.15) !important;
    border: 1px solid rgba(25, 135, 84, 0.25) !important;
}

.swal2-toast.swal2-icon-error .bs-toast-icon {
    background: rgba(220, 53, 69, 0.15) !important;
    border: 1px solid rgba(220, 53, 69, 0.25) !important;
}

.swal2-toast.swal2-icon-warning .bs-toast-icon {
    background: rgba(255, 193, 7, 0.2) !important;
    border: 1px solid rgba(255, 193, 7, 0.35) !important;
}

.swal2-toast.swal2-icon-info .bs-toast-icon {
    background: rgba(13, 110, 253, 0.15) !important;
    border: 1px solid rgba(13, 110, 253, 0.25) !important;
}

/* ✅ Make icon inside smaller */
.swal2-toast .swal2-icon-content {
    font-size: 16px !important;
}