:root{--bg:#f8fafc;--surface:#fff;--surface-soft:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--ink:#0f172a;--muted:#475569;--stroke:#334155;--edge:#94a3b8;--opvoer-fill:#eefcf2;--afvoer-fill:#fff4e8;--neutral-fill:#f8fafc;--registration-fill:#ecfeff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg);color:var(--ink);margin:0}.container{max-width:1700px;margin:0 auto;padding:20px}.page-title{margin:0 0 8px;font-size:26px}.muted{color:var(--muted);font-size:13px}a.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 1px 2px #0f172a0a}.controls{grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;display:grid}label{flex-direction:column;gap:6px;font-size:14px;display:flex}input,select,button{border:1px solid var(--border-strong);border-radius:8px;padding:10px;font-size:14px}button{cursor:pointer;color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.graph{border:1px dashed var(--border-strong);background:var(--surface-soft);width:100%}.node{fill:#fff;stroke:var(--stroke);stroke-width:1.2px}.edge{stroke:var(--edge);stroke-width:1.4px}.label{fill:var(--ink)}@media (width<=900px){.controls{grid-template-columns:1fr}}body{color:#0f172a;background:#f8fafc}.container{max-width:1600px;padding:24px}.card{padding:16px}.controls{grid-template-columns:repeat(3,minmax(180px,1fr));margin-bottom:16px}button{color:#fff;background:#0f172a;border-color:#0f172a}.graph{border-radius:12px;min-height:300px}.opv-link{cursor:pointer}.opv-link:hover{fill:#1d4ed8;text-decoration:underline;animation:.8s ease-in-out infinite alternate opvPulse}.actionable-svg-target path,.actionable-svg-target rect,.actionable-svg-target text{transition:filter .14s,transform .14s,stroke-width .14s}.actionable-svg-target:hover path,.actionable-svg-target:hover rect{filter:drop-shadow(0 0 4px #1d4ed852)}.actionable-svg-target:hover text{fill:#1e3a8a}.actionable-svg-target:hover{transform:translateY(-1px)}.action-overlay-backdrop{z-index:1200;background:#0f172a75;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.action-overlay-dialog{background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:min(980px,96vw);max-height:88vh;padding:10px;transition:box-shadow .12s,border-color .12s;overflow:auto;box-shadow:0 22px 54px #02061747}.action-overlay-dialog>div{margin-top:0!important}.action-overlay-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #00000026;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.action-overlay-drag-handle:active{cursor:grabbing}.action-field-label,.action-section-title{color:#0f172a;letter-spacing:.01em;align-items:center;gap:6px;font-weight:650;display:inline-flex}.action-tooltip-anchor{align-items:center;display:inline-flex;position:relative}.action-tooltip-trigger{color:#334155;cursor:help;background:#f8fafc;border:1px solid #94a3b8;border-radius:999px;justify-content:center;align-items:center;width:17px;height:17px;padding:0;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.action-tooltip-trigger:hover,.action-tooltip-trigger:focus-visible{background:#e2e8f0;border-color:#475569;outline:none}.action-tooltip-bubble{color:#f8fafc;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#0f172a;border-radius:8px;min-width:180px;max-width:280px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.35;transition:opacity .12s,visibility .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0f172a47}.action-tooltip-bubble:after{content:"";border:6px solid #0000;border-top-color:#0f172a;border-bottom-width:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.action-tooltip-anchor--below .action-tooltip-bubble{top:calc(100% + 8px);bottom:auto}.action-tooltip-anchor--below .action-tooltip-bubble:after{border-width:0 6px 6px;border-color:#0000 #0000 #0f172a;top:auto;bottom:100%}.action-tooltip-anchor:hover .action-tooltip-bubble,.action-tooltip-anchor:focus-within .action-tooltip-bubble{opacity:1;visibility:visible;transform:translate(-50%)translateY(-2px)}@keyframes opvPulse{0%{opacity:1}to{opacity:.45}}.label-lg{font-size:13px}.label-left-lg{font-size:18px}.reg-graph .label{font-size:20px}.reg-graph .label-left-lg{font-size:27px}.row{grid-template-columns:minmax(300px,1fr) minmax(480px,2fr);gap:16px;margin-top:16px;display:grid}ul{margin:8px 0 0;padding-left:20px}@media (width<=900px){.controls,.row{grid-template-columns:1fr}}:root{--bg:#f8fafc;--bg-accent:#eff6ff;--surface:#fff;--surface-soft:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--ink:#0f172a;--muted:#475569;--stroke:#334155;--edge:#94a3b8;--accent:#0f766e;--accent-panel:#f0fdfa;--accent-blue:#1d4ed8;--entity-fill:#dbeafe;--registration-fill:#ecfeff;--opvoer-fill:#eefcf2;--afvoer-fill:#fff4e8;--neutral-fill:#f8fafc}body{background:linear-gradient(180deg, var(--bg-accent) 0%, var(--bg) 180px);color:var(--ink)}button{background:var(--accent);border-color:var(--accent);color:#fff}.timeline-scroll{margin-top:14px;padding-bottom:8px;overflow-x:auto}.timeline-row{align-items:flex-start;gap:14px;display:inline-flex;position:relative}.timeline-overlay{pointer-events:none;z-index:20;position:absolute;inset:0}.timeline-column{z-index:1;grid-template-rows:auto auto;gap:10px;min-width:340px;display:grid;position:relative}.panel-title{min-height:1.2em;margin:0 0 6px;font-size:15px;line-height:1.2}.panel-title-row{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.panel-title-main{white-space:nowrap;flex:none}.panel-title-remark{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;display:block;overflow:hidden}.graph{border-radius:10px}.graph-rep{min-height:0}.label{font-size:12px}.label-strong{font-size:14px;font-weight:700}.summary-strip{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{background:var(--accent-panel);color:#115e59;border:1px solid #99f6e4;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.details-block{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.details-block summary{cursor:pointer;color:var(--accent-blue);font-size:13px;font-weight:600}pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;margin:8px 0 0;padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.error-text{color:#dc2626}@media (width<=900px){.controls{grid-template-columns:1fr}}