/* Blazored Modal 배경 오버레이 */
.blazored-modal-container {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* 커스텀 모달 컨텐츠 */
.custom-confirm-modal {
    /* 모바일: 가로 꽉 차게 */
    width: 100% !important;
    min-width: 300px !important;
    max-width: 100% !important;
    background-color: white !important;
    border-radius: 1rem !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

/* 데스크톱: 적절한 너비 */
@media (min-width: 769px) {
    .custom-confirm-modal {
        width: 600px !important;
        max-width: 600px !important;
        border-radius: 1rem !important;
    }
}