/* Confirm modal dialog */
.modal-content
{
    border-radius: 15px;
    /* Bo góc mềm mại */
    overflow: hidden;
    border: none;
}

.modal-header
{
    background: linear-gradient(135deg, #0e7490 0%, #46a2b8 45%, #22d3ee 100%);
    /* Nền xám nhạt nhẹ cho header */
    border-bottom: 1px solid #dee2e6;
    padding: 1rem 1.5rem;
}

.modal-title
{
    color: #fff;
    /* Màu xanh chủ đạo cho tiêu đề */
    font-weight: 600;
}

.modal-body
{
    padding: 2rem 1.5rem;
    font-size: 1.1rem;
    color: #495057;
}

.modal-footer
{
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    padding: 1rem;
}

/* Tùy chỉnh nút */
.btn-light
{
    background-color: #e9ecef;
    border: none;
    color: #6c757d;
    padding: 8px 20px;
    border-radius: 8px;
}

.btn-close-white
{
    /* Tạo hiệu ứng bóng chồng lên nhau làm nút trông dày và sáng hơn */
    filter: invert(1) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white);
    opacity: 0.9;
    transition: all 0.2s ease;
}

.btn-close-white:hover
{
    opacity: 1;
    transform: scale(1.1);
    /* Phóng to nhẹ khi hover nhìn rất chuyên nghiệp */
}