:root{--color-primary:#000041;--color-accent:#e2007a;--color-accent-hover:#b80164;--color-secondary:#3786d2;--color-cyan:#40cee2;--color-success:#15803d;--color-warning:#c2410c;--color-danger:#b91c1c;--color-bg:#f0f0f2;--color-surface:#fff;--color-text:#000041;--color-muted:#64748b;--color-border:#e2e8f0;--radius:8px;--shadow:0 1px 3px #0000001a;--focus-ring:0 0 0 3px #e2007a66}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}header{background:var(--color-primary);color:#fff;padding:1.5rem 2rem}header h1{font-size:1.4rem;font-weight:600}.subtitle{color:#ffffffb3;font-size:.9rem}main{max-width:1200px;margin:0 auto;padding:2rem}.nav-tabs{border-bottom:2px solid var(--color-border);gap:.5rem;margin-bottom:2rem;display:flex}.nav-tab{cursor:pointer;color:var(--color-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.95rem;transition:all .2s}.nav-tab:hover{color:var(--color-text)}.nav-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.card h2{margin-bottom:1rem;font-size:1.2rem}.card h3{color:var(--color-muted);margin-bottom:.75rem;font-size:1rem}.form-group{margin-bottom:1.25rem}.form-group label{margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.95rem}.form-group textarea{resize:vertical;min-height:60px}.question-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.question-row:last-child{border-bottom:none}.question-toelichting{flex:100%}.question-toelichting label{color:var(--color-muted);margin-bottom:.25rem;font-size:.75rem;display:block}.question-toelichting textarea{border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;width:100%;min-height:40px;padding:.5rem .7rem;font-family:inherit;font-size:.85rem}.question-row .question-nr{color:var(--color-accent);flex-shrink:0;min-width:1.5rem;font-weight:700}.question-text-compact{flex:1;font-size:.85rem;line-height:1.4}.score-group{flex-shrink:0;gap:.25rem;display:flex}.score-option{cursor:pointer;flex-direction:column;align-items:center;display:flex}.score-option input[type=radio]{display:none}.score-option .score-btn{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.score-option input[type=radio]:checked+.score-btn{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.score-option:hover .score-btn{border-color:var(--color-accent)}.score-option .score-label{color:var(--color-muted);text-align:center;max-width:60px;margin-top:.2rem;font-size:.65rem}.question-block{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.question-block .question-text{margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.question-block .question-nr{color:var(--color-accent);margin-right:.5rem;font-weight:700}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-success{background:var(--color-success);color:#fff}.btn-warning{background:var(--color-warning);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.score-option input:focus-visible+.score-btn{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.btn-group{flex-wrap:wrap;gap:.5rem;display:flex}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .8rem}th{background:var(--color-bg);font-weight:600}.score-1,.score-2{color:var(--color-danger)}.score-3{color:var(--color-warning)}.score-4,.score-5{color:var(--color-success)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.chart-container{width:100%;max-width:350px;margin:0 auto;position:relative}.badge{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-concept{color:#92400e;background:#fef3c7}.badge-definitief{color:#166534;background:#dcfce7}.badge-leeg{color:#64748b;background:#f1f5f9}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fbbf24}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #93c5fd}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius);width:90%;max-width:500px;padding:2rem;box-shadow:0 10px 40px #0003}.modal h2{margin-bottom:1rem}.modal .btn-group{justify-content:flex-end;margin-top:1.5rem}.nds-tag{color:var(--color-accent);background:#e2007a1a;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}@media (max-width:768px){header,main{padding:1rem}.nav-tab{padding:.5rem .75rem;font-size:.85rem}.dashboard-grid{grid-template-columns:1fr}}@media print{header{color:#000;background:#fff;border-bottom:2px solid #000}.btn,.nav-tabs,.alert-warning{display:none}.card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}.inlog-card{max-width:32rem}.inlog-card>p{margin-bottom:1.25rem}.inlog-acties{align-items:center;gap:.75rem;display:flex}.inlog-hulp-knop{border:1px solid var(--color-border);width:2.25rem;height:2.25rem;color:var(--color-muted);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.inlog-hulp-knop:hover,.inlog-hulp-knop[aria-expanded=true]{color:var(--color-primary);border-color:var(--color-primary)}.inlog-hulp-knop:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.inlog-hulp-tekst{border-left:3px solid var(--color-primary);background:var(--color-bg);color:var(--color-muted);margin-top:1rem;padding:.75rem 1rem;font-size:.95rem}.inlog-hulp-tekst p+p{margin-top:.5rem}
.kruimelpad{margin-bottom:1.25rem;font-size:.9rem}.kruimelpad ol{flex-wrap:wrap;gap:.25rem;list-style:none;display:flex}.kruimelpad li+li:before{content:"›";color:var(--color-muted);margin-right:.35rem}.kruimelpad a{color:var(--color-secondary)}.kruimelpad [aria-current=page]{font-weight:600}.platform-status{align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.platform-status svg{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.status-definitief{color:var(--color-success)}.status-definitief circle{fill:var(--color-success);stroke:var(--color-success)}.status-definitief path{stroke:#fff}.status-concept{color:var(--color-warning)}.status-concept circle,.status-concept path{stroke:var(--color-warning)}.status-leeg{color:var(--color-muted)}.status-leeg circle{stroke:var(--color-muted);stroke-dasharray:3 3}.platform-kop{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.card.is-definitief{border-left:4px solid var(--color-success)}.spinnenweb{margin:0 auto}.spinnenweb svg{width:100%;height:auto;overflow:visible}.spinnenweb-ring{fill:none;stroke:var(--color-border)}.spinnenweb-as{stroke:var(--color-border)}.spinnenweb-label{font-size:13px;font-weight:600}.spinnenweb-tick{fill:var(--color-muted);font-size:10px}.spinnenweb-legenda{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;font-size:.8rem;display:flex}.spinnenweb-swatch{vertical-align:middle;border-radius:2px;width:.8rem;height:.8rem;margin-right:.3rem;display:inline-block}.totaalscore{text-align:center;margin-top:.5rem;font-size:1.3rem;font-weight:700}.vraag-detail-as{margin-bottom:1.25rem}.vraag-detail-as h4{margin-bottom:.5rem}.vraag-detail{margin-bottom:.75rem}.vraag-detail-kop{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.vraag-detail-balk{background:var(--color-border);border-radius:4px;height:8px;margin-top:.2rem;overflow:hidden}.vraag-detail-balk>div{border-radius:4px;height:100%}.balk-1,.balk-2{background:var(--color-danger)}.balk-3{background:var(--color-warning)}.balk-4,.balk-5{background:var(--color-success)}.vraag-detail-toelichting{color:var(--color-muted);margin-top:.2rem;font-size:.8rem;font-style:italic}.header-balk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.gebruiker-menu{align-items:center;gap:1rem;font-size:.9rem;display:flex}.gebruiker-menu a{color:#fff}.platform-keuze{border:none;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1.25rem;display:flex}.platform-keuze legend{margin-bottom:.4rem;font-size:.9rem;font-weight:500}.platform-keuze label{align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.beheer-jaar select{max-width:12rem}.beheer-tabel{font-size:.85rem}.beheer-tabel td{vertical-align:top}.beheer-acties .btn{padding:.3rem .6rem;font-size:.8rem}.rol-wijzigen{align-items:center;gap:.35rem;display:inline-flex}.rol-wijzigen select{width:auto;padding:.25rem .4rem;font-size:.8rem}.visueel-verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.audit-filters{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));align-items:end;gap:0 1rem;display:grid}.audit-filters .btn{margin-bottom:1.25rem}.heropenen{margin-top:.75rem}.tabel-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.cel-detail{overflow-wrap:anywhere}@media (max-width:760px){.beheer-tabel-stapel,.beheer-tabel-stapel tbody,.beheer-tabel-stapel tr,.beheer-tabel-stapel td{display:block}.beheer-tabel-stapel thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.beheer-tabel-stapel tbody tr{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;padding:.5rem .75rem}.beheer-tabel-stapel td{border-bottom:none;grid-template-columns:7rem 1fr;gap:.5rem;padding:.3rem 0;display:grid}.beheer-tabel-stapel td:before{content:attr(data-label);color:var(--color-muted);font-weight:600}.beheer-tabel-stapel td.cel-acties,.beheer-tabel-stapel td.cel-editor{padding-top:.5rem;display:block}.beheer-tabel-stapel td.cel-acties:before{margin-bottom:.35rem;display:block}.beheer-tabel-stapel td.cel-editor:before{content:none}.beheer-tabel-stapel tr+tr .cel-editor{margin-top:-.75rem}}
