:root{--ink:#172c3b;--muted:#61717e;--line:#dfe8e8;--paper:#fff;--bg:#f5f8f7;--primary:#145e5c;--primary-hover:#0d4846;--teal-light:#eaf4f1;--mint:#d4ebe3;--amber:#fff4dc;--shadow:0 8px 28px rgba(35,64,70,.05)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79b9ac;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.7px}h2{font-size:18px;line-height:1.3}h3{font-size:16px}.site-header{background:#173f43;color:#fff}.header-inner{margin:0 auto;max-width:1530px;padding:16px 28px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#d6ece4;color:#164b48;font-weight:900;font-size:25px;letter-spacing:-4px}.brand-symbol span{font-size:15px;letter-spacing:0;color:#4c837b}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:-.2px}.brand small{font-size:12px;color:#d1e4df}.build-label{font-size:11px;letter-spacing:1px;font-weight:700;background:#27545a;padding:7px 12px;border-radius:50px;color:#e5f8f0}.app-shell{max-width:1530px;margin:0 auto;padding:0 28px}.nav-wrap{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.main-nav{display:flex;gap:7px;margin:16px 0}.nav-btn{border:0;background:transparent;color:#5c6d76;font-weight:650;border-radius:10px;padding:11px 17px;display:flex;align-items:center;gap:8px}.nav-btn:hover{background:#e9efed}.nav-btn.active{background:var(--teal-light);color:var(--primary)}.version-caption{color:#7f918f;font-size:12px}.tab-pane{display:none}.tab-pane.active{display:block}.page-heading{padding:28px 0 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#2a8078;font-weight:800;margin-bottom:6px}.page-heading p{margin-top:9px;color:var(--muted);max-width:820px}.studio-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;align-items:start}.sidebar,.main-column{display:flex;flex-direction:column;gap:18px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:var(--shadow)}.panel-head{display:flex;gap:10px;align-items:center;margin-bottom:17px}.num{font-size:11px;font-weight:800;width:31px;height:31px;border-radius:9px;background:var(--teal-light);color:var(--primary);display:flex;align-items:center;justify-content:center}.dot{height:9px;width:9px;border-radius:50%;background:#6fa89f}.panel label:not(.toggle-line){display:block;font-weight:650;font-size:12px;margin:15px 0 6px}.field{border:1px solid #d3ddde;border-radius:9px;background:#fff;color:var(--ink);width:100%;padding:10px 12px;outline:none;min-width:0}.field:focus{border-color:#1f8b80;box-shadow:0 0 0 3px #d6ece4}.field-hint{color:#79868e;font-size:12px;line-height:1.5}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-button{background:#f7faf9;border:1px solid #dce8e5;color:#586a6e;border-radius:9px;min-height:43px;font-weight:700;font-size:13px}.mode-button.selected{background:var(--teal-light);border-color:#7ebcb0;color:var(--primary)}#mode-caption{margin:12px 0 10px}.toggle-line{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;margin-top:20px}.toggle-line input,.print-toolbar input{accent-color:var(--primary)}.mini-text{resize:vertical}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:11px 15px;font-size:13px;font-weight:750;white-space:normal;text-align:center;min-height:42px}.button.primary{background:var(--primary);color:white}.button.primary:hover:not(:disabled){background:var(--primary-hover)}.button.secondary{background:#f0f7f4;border-color:#d0e3dc;color:var(--primary)}.button.secondary:hover{background:#e3f0eb}.button.ghost{background:transparent;border:1px solid var(--line);color:#596a6f}.button.small{font-size:12px;padding:9px 14px;min-height:37px}.button.full{width:100%;margin-top:15px}.button.danger{color:#a63d37;background:#fff3f1;border:1px solid #f1d5d0}.summary-copy{font-size:13px;color:#4f6569}.note-panel{background:#fdfefb}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.soft-tag{font-size:12px;color:#1d6c65;background:var(--teal-light);border-radius:30px;padding:7px 12px;white-space:nowrap}.title-field{font-size:18px;font-weight:700;padding:13px 15px}.text-editor{min-height:290px;line-height:1.85;font-size:15px;resize:vertical;padding:15px 16px}.editor-actions{display:flex;justify-content:space-between;gap:15px;margin-top:11px;align-items:center}.draft-label{font-size:11px;color:#5f837a}.minor-intro{font-size:13px;color:var(--muted);margin:-7px 0 17px}.question-actions{display:flex;gap:9px;margin-bottom:18px}.question-actions select{flex:1}.question-editor-list{display:grid;gap:12px}.empty-state{padding:32px;background:#f8faf9;border:1px dashed #d5e4df;text-align:center;border-radius:11px;color:var(--muted);font-size:13px}.question-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px}.question-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.q-number{display:inline-block;font-size:11px;color:var(--primary);background:var(--teal-light);padding:5px 10px;border-radius:25px;font-weight:800}.q-type{font-size:11px;color:#56717a;font-weight:700;margin-left:7px}.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.question-card label{margin:9px 0 5px!important}.question-card textarea{resize:vertical}.question-card .q-action-bar{display:flex;justify-content:flex-end;gap:8px}.site-footer{padding:35px 0;text-align:center;color:#82908f;font-size:12px}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:18px;align-items:start}.practice-layout .panel{min-height:390px}.practice-story{font-size:16px;line-height:1.9;white-space:pre-line}.practice-story h2{margin-bottom:17px}.practice-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.practice-stats{background:var(--teal-light);padding:9px 12px;border-radius:8px;color:var(--primary);font-size:12px;font-weight:700}.answer-area{margin:18px 0}.answer-area textarea{height:115px;resize:vertical}.choice-line{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:9px;margin:8px 0;cursor:pointer}.choice-line input{margin-top:4px;accent-color:var(--primary)}.feedback{margin-top:15px;border-radius:10px;background:#eef6f2;padding:13px;color:#235347;font-size:13px}.feedback.neutral{background:#fff5e5;color:#72541e}.practice-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.practice-buttons .button{flex:1}.hint-block{background:var(--amber);padding:12px;border-radius:9px;font-size:13px;margin-top:12px}.paper-preview{display:flex;justify-content:center;background:#ecf0ef;padding:24px;border-radius:10px;overflow:auto}.paper-sheet{width:210mm;max-width:100%;min-height:297mm;background:#fff;padding:17mm 19mm;box-shadow:0 5px 24px #243d3920;overflow-wrap:break-word;color:#142a36}.paper-sheet h1,.print-page h1{font-family:'Segoe UI',Arial,sans-serif;font-size:25px;line-height:1.3;border-bottom:3px solid #d6eae2;padding-bottom:13px;margin-bottom:20px;color:#163f44}.paper-story{line-height:1.85;white-space:pre-line;font-size:15px}.paper-meta{display:flex;justify-content:space-between;font-size:11px;color:#5c7876;margin-bottom:16px}.paper-sheet h2,.print-page h2{margin:29px 0 13px;color:#1a4f4d;font-size:17px}.paper-question{break-inside:avoid;page-break-inside:avoid;margin:0 0 21px;font-size:14px;line-height:1.5}.paper-question .question-label{font-weight:700}.paper-rule{border-bottom:1px solid #bbc9c8;height:22px}.paper-options{margin:9px 0 12px;padding-left:9px;display:grid;gap:6px}.paper-option{display:flex;gap:9px}.paper-checkbox{border:1px solid #6b8482;width:14px;height:14px;display:inline-block;flex:none;margin-top:3px}.paper-answer{background:#eaf5ef;padding:9px 12px;border-radius:7px;margin-top:8px;font-size:13px;white-space:pre-wrap}.print-toolbar{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:17px;font-size:13px;font-weight:600}.print-toolbar label{display:flex;gap:7px;align-items:center}.status-hint{padding:18px;background:#fff9e7;border:1px solid #f3dfae;border-radius:12px;margin-bottom:16px;color:#70572d}.practice-complete{max-width:660px;margin:0 auto}.toast{position:fixed;bottom:22px;right:22px;background:#194d4a;color:#fff;padding:12px 20px;border-radius:11px;box-shadow:0 9px 35px #152b2a4d;z-index:20}#print-document{display:none}.print-page{padding:0;color:#172b39;font:14px/1.65 'Segoe UI',Arial,sans-serif}.print-page .paper-meta{margin-bottom:18px}.print-page .paper-story{font-size:14px}.print-page .paper-question{font-size:13px}.print-page .paper-rule{height:24px}.print-page .paper-answer{print-color-adjust:exact;-webkit-print-color-adjust:exact}@media(max-width:1020px){.studio-layout{grid-template-columns:300px 1fr}.app-shell{padding:0 18px}.header-inner{padding:16px 18px}}@media(max-width:800px){.studio-layout,.practice-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.sidebar .note-panel{grid-column:1/-1}.page-heading{display:block}.page-heading .button{margin-top:15px}.version-caption{display:none}}@media(max-width:600px){.sidebar{display:flex}.header-inner{padding:13px 15px}.brand strong{font-size:14px}.build-label{font-size:9px;padding:5px 8px}.app-shell{padding:0 12px}.main-nav{width:100%;justify-content:space-between}.nav-btn{padding:10px 8px;font-size:12px}.page-heading{padding:20px 0 16px}.panel{padding:17px}.question-actions{flex-direction:column}.q-grid{grid-template-columns:1fr}.print-toolbar{gap:11px}.paper-preview{padding:10px}.paper-sheet{padding:20px;min-height:300px}.paper-sheet h1{font-size:19px}.editor-actions{display:block}}@page{size:A4 portrait;margin:16mm 17mm}@media print{html,body{margin:0;padding:0;background:#fff;color:#172b39}.no-print{display:none!important}#print-document{display:block!important}.print-page{display:block;width:100%}.print-page h1{font-size:23px}.print-page h2{font-size:17px}.print-page .paper-question{break-inside:avoid;page-break-inside:avoid}.print-page .paper-story{white-space:pre-line}a{color:inherit;text-decoration:none}}

/* Stap 2A: compacte aantallentabel voor de tien vraagtypes. */
.question-planner{border:1px solid #d8e8e1;background:#f9fcfb;border-radius:13px;padding:16px;margin:0 0 22px}
.planner-heading,.planner-footer,.question-list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.planner-heading{margin-bottom:12px}.planner-heading h3{font-size:15px}
.planner-scroll{border:1px solid #e0e9e5;border-radius:10px;overflow:hidden;background:#fff}
.question-type-table{width:100%;border-collapse:collapse;table-layout:fixed}
.question-type-table th{background:#eef7f3;color:#3e625e;font-size:11px;text-transform:uppercase;letter-spacing:.6px;text-align:left;padding:9px 15px}
.question-type-table th:last-child{text-align:center;width:106px}
.question-type-table td{border-top:1px solid #e9efed;padding:7px 15px;font-size:13px}
.question-type-table tbody tr:nth-child(even){background:#fbfdfc}
.question-type-table tbody tr:hover{background:#f1f8f5}
.question-type-table td:last-child{text-align:center}
.question-type-table td label{display:flex;align-items:center;gap:11px;font-size:13px!important;line-height:1.35;font-weight:600!important;margin:0!important;cursor:pointer}
.question-table-num{color:#8a9f9b;font-size:11px;width:19px;font-variant-numeric:tabular-nums;flex:none}
.question-type-table .question-amount{width:74px;padding:7px 5px 7px 12px;text-align:center;min-height:38px;font-size:16px;font-weight:700;color:#194f4a}
.planner-footer{padding:15px 3px 6px}
.planner-footer>div{display:flex;flex-direction:column;gap:2px}
.planner-label{font-size:11px;color:#68807b}
.planner-total{font-size:20px;color:#145e5c;line-height:1.2}
.question-planner>.field-hint{margin-top:11px}
.question-list-heading{margin:4px 0 14px}
.question-list-heading h3{font-size:15px}
@media(max-width:600px){.planner-footer{flex-wrap:wrap}.planner-footer .button{flex:1}.question-type-table td{padding:7px 8px}.question-type-table th{padding:9px 8px}.question-planner{padding:11px}.question-list-heading{align-items:flex-start;flex-direction:column;gap:3px}}

/* Stap 3: AI-status en compacte knoppen in de vragentabel */
.planner-buttons{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.planner-buttons .button{min-width:170px}
.ai-status{margin-top:12px;padding:12px 14px;border-radius:10px;background:#eaf6f0;border:1px solid #bcded0;color:#214c42;font-size:13px;line-height:1.5}
.ai-status.error{background:#fff1ee;border-color:#ebc4bb;color:#8a3e32}
@media(max-width:700px){.planner-footer{align-items:flex-start;flex-direction:column}.planner-buttons{width:100%}.planner-buttons .button{flex:1;min-width:0}}