/* ================= MODAL COLOR RULES ================= */

/* Sharp edges */
.modal-dialog,
.modal-content,
.modal-header,
.modal-footer {
    border-radius: 0 !important;
}

/* Header colors */
.modal-header.bg-red {
    background-color: #dd4b39 !important;
    color: #ffffff !important;
}

.modal-header.bg-orange {
    background-color: #ff851b !important;
    color: #ffffff !important;
}

.modal-header.bg-yellow {
    background-color: #f39c12 !important;
    color: #ffffff !important;
}

.modal-header.bg-green {
    background-color: #00a65a !important;
    color: #ffffff !important;
}

/* Icon colors */
.text-danger {
    color: #dd4b39 !important;
}

.text-info {
    color: #ff851b !important;
}

.text-warning {
    color: #f39c12 !important;
}

.text-success {
    color: #00a65a !important;
}

/* ===== MODAL FIXES ===== */

/* Sharp edges already done by you */

/* Force header text white */
.modal-header-colored .modal-title {
    color: #fff !important;
}

/* Body text pure black */
.modal-body-text,
.modal-body-text .modal-message {
    color: #000 !important;
    font-weight: 500;
}

/* Improve button contrast */
.modal-footer .btn {
    min-width: 90px;
    font-weight: 500;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff0000;
    --bs-btn-border-color: #ff0000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ef5353;
    --bs-btn-hover-border-color: #d77c78;
    --bs-btn-focus-shadow-rgb: 179, 93, 89;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #db8a87;
    --bs-btn-active-border-color: #d77c78;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #d26d69;
    --bs-btn-disabled-border-color: #d26d69
}