/* ================================================
   Atisuto Form Reports – Styling
================================================= */

.atisuto-quiz-report {
    margin-top: 40px;
}

.question-wrapper {
    margin-bottom: 80px;
}

.question-wrapper h3 {
    margin: 0 0 10px;
}

.question-wrapper h4 {
    margin: 0 0 20px;
}

.question-graph {
    margin-bottom: 30px;
}

.atisuto-quiz-report table {
    width: 100% !important;
    border-collapse: collapse;
}

.atisuto-quiz-report td,
.atisuto-quiz-report th {
    vertical-align: top;
    padding: 8px;
}

.download-all-btn {
    margin: 30px 0;
    padding: 12px 20px;
    background: #2271b1;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

/* Forceer Formidable / Google Charts tabellen naar full width */
.atisuto-quiz-report [id^="chart_frm_table"] {
    width: 100% !important;
    max-width: 100% !important;
}

.atisuto-quiz-report .google-visualization-table {
    width: 100% !important;
    max-width: 100% !important;
}

.atisuto-quiz-report .google-visualization-table-table {
    width: 100% !important;
}

/* Lange teksten netjes afbreken */
.atisuto-quiz-report td {
    word-break: break-word;
}