body { background: #f6f8fb; font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; }

/* REPORT CARDS */
.report-card { background: #fff; border-radius: 18px; box-shadow: 0 14px 36px rgba(0,0,0,0.08); display: flex; flex-direction: column; overflow: hidden; }

.report-header { background: linear-gradient(135deg, #6f4bb8, #4b2f8f); color: #fff; padding: 18px; text-align: center; font-weight: 600; }

.report-body { padding: 26px; display: flex; flex-direction: column; gap: 14px; justify-content: center; }

    .report-body a { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: #f4f6fb; border-radius: 12px; color: #2c2f4a; text-decoration: none; transition: 0.25s; }

        .report-body a::after { content: "⬇"; opacity: 0.6; }

        .report-body a:hover { background: #eef1ff; transform: translateY(-2px); color: #3a2fa1; }

/* MODAL */
.download-info { border-bottom: 1px solid #eee; padding-bottom: 10px; }

#selectedReport { font-size: 14.5px; color: #3a2fa1; }

.error-text { font-size: 12px; color: #dc3545; }

.modal-close-btn { position: absolute; top: 12px; right: 12px; z-index: 10; }
#downloadModal .modal-dialog {
    width: 720px;          
    max-width: 95%;

    position: fixed;       
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    margin: 0;            
}


@media (max-width: 768px) {
    #downloadModal .modal-dialog {
        width: 95%;
    }
}