@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2) format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2) format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2) format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #172033;--ink-2: #3a4356;--muted: #64708a;--navy: #1f4e79;--navy-soft: #e6eef7;--green: #0f6e56;--green-soft: #e3f2ec;--amber: #b7791f;--amber-soft: #fbf0d9;--red: #b42318;--red-soft: #fbe6e3;--grey-soft: #eceff4;--canvas: #f3f5f8;--surface: #ffffff;--line: #d9dee7;--line-strong: #b9c2d0;--rail: #14213d;--rail-ink: #c9d3e6;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 6px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--canvas);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:24px;line-height:1.25}h2{font-size:16px}h3{font-size:14px}p{margin:0 0 8px}code,.mono{font-family:var(--mono);font-size:12.5px}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100%}.rail{background:var(--rail);color:var(--rail-ink);padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;justify-content:center;flex-shrink:0;background:var(--canvas);border-radius:8px;padding:8px;margin-bottom:18px}.brand img{display:block;width:100%;max-width:184px;height:auto}.brand-login{background:transparent;border-radius:0;padding:0;margin-bottom:20px}.brand-login img{max-width:280px}.rail .group{margin-top:14px}.rail .group-title{font-size:11px;color:#8d9bb8;padding:6px 8px}.rail a{display:flex;align-items:center;gap:10px;color:var(--rail-ink);padding:8px 10px;border-radius:var(--r);font-weight:500}.rail a:hover{background:#ffffff0f;text-decoration:none}.rail a.active{background:#fff;color:var(--rail)}.rail a .count{margin-left:auto;font-family:var(--mono);font-size:11.5px;background:var(--amber);color:#fff;padding:0 6px;border-radius:10px}.rail a.active .count{background:var(--amber)}.rail .foot{margin-top:auto;font-size:11.5px;color:#8d9bb8;padding:8px;line-height:1.4}.rail .foot .zones{display:flex;gap:6px;margin-top:8px}.zone-dot{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11px;color:#fff}.zone-dot i{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}.zone-dot.bad i{background:var(--red)}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:5}.crumbs{color:var(--muted);font-size:13px}.crumbs b{color:var(--ink);font-weight:500}.user{display:flex;align-items:center;gap:10px}.user select{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink)}.user .role{font-size:12px;color:var(--muted)}.page{padding:28px 32px 60px;max-width:1220px}.page.met-klantmail{max-width:none}.dossier-met-mail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:20px;align-items:start}.klantmail-venster{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;background:var(--paper, #fff);border:1px solid var(--line, #ddd);border-radius:10px;padding:14px 16px 20px;display:flex;flex-direction:column;gap:12px}.klantmail-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.klantmail-sectie{border-top:1px solid var(--line, #eee);padding-top:10px;display:flex;flex-direction:column;gap:8px}.klantmail-punten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow:auto}.klantmail-preview{background:var(--wash, #f7f7f5);border-radius:8px;padding:12px}.klantmail-onderwerp{font-weight:600;margin:6px 0 10px}.klantmail-onderwerp-input{width:100%;margin-top:4px;font-weight:600}.klantmail-body{white-space:pre-wrap;font-family:inherit;font-size:13px;margin:0;line-height:1.45}.klantmail-body-edit{width:100%;margin-top:4px;min-height:220px;resize:vertical;white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.45}.klantmail-acties{border-top:1px solid var(--line, #eee);padding-top:12px;display:flex;flex-direction:column;gap:10px}@media (max-width: 1000px){.dossier-met-mail{grid-template-columns:1fr}.klantmail-venster{position:static;max-height:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-head .lead{color:var(--muted);margin-top:4px;max-width:70ch}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r);border:1px solid var(--line-strong);background:#fff;color:var(--ink);cursor:pointer;font-weight:500}.btn:hover{border-color:var(--navy)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:#17406a}.btn.danger{color:var(--red);border-color:var(--red)}.btn.small{padding:5px 10px;font-size:13px}.btn.link{border-color:transparent;background:transparent;color:var(--navy);padding:4px 6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.panel .panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.panel .panel-body{padding:16px}.grid{display:grid;gap:16px}.grid.c2{grid-template-columns:1fr 1fr}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12.5px}.tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid transparent;white-space:nowrap}.tag.green{background:var(--green-soft);color:var(--green)}.tag.amber{background:var(--amber-soft);color:#8a5a12}.tag.red{background:var(--red-soft);color:var(--red)}.tag.navy{background:var(--navy-soft);color:var(--navy)}.tag.grey{background:var(--grey-soft);color:var(--ink-2)}.tag.outline{background:transparent;border-color:var(--line-strong);color:var(--ink-2)}.token{font-family:var(--mono);font-size:12px;background:#eef2f8;border:1px solid #d3dceb;color:#23406a;padding:1px 6px;border-radius:4px;white-space:nowrap}.token.public{background:#fff;border-style:dashed;color:var(--ink-2)}.kpi{padding:14px 16px}.kpi .label{font-size:12.5px;color:var(--muted)}.kpi .value{font-family:var(--mono);font-size:22px;font-weight:500;margin-top:2px}.kpi .delta{font-size:12px;color:var(--muted)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-weight:500;color:var(--muted);font-size:12.5px;padding:8px 12px;border-bottom:1px solid var(--line)}table.data td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}table.data tr:last-child td{border-bottom:0}table.data td.num,table.data th.num{text-align:right;font-family:var(--mono);font-size:12.5px}table.data td.num>*,table.data td.num div{text-align:right}table.data tbody tr:nth-child(2n):not(.detail):not(.geen-tint)>td{background:#fafbfd}table.data tbody tr.detail>td{background:var(--canvas)}table.data tr.click{cursor:pointer}table.data tr.click:hover>td{background:#f2f6fb}.cel-met-icoon{display:flex;align-items:flex-start;gap:8px}.cel-met-icoon>svg{flex:0 0 auto;margin-top:2px}.cel-met-icoon>.inhoud{min-width:0}.empty{padding:28px;text-align:center;color:var(--muted)}.notice{padding:12px 16px;border-left:3px solid var(--navy);background:var(--navy-soft);border-radius:0 var(--r) var(--r) 0}.notice.amber{border-color:var(--amber);background:var(--amber-soft)}.notice.red{border-color:var(--red);background:var(--red-soft)}.notice.green{border-color:var(--green);background:var(--green-soft)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;color:var(--muted);font-weight:500}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input:not([type]),textarea,select.input{font:inherit;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--r);background:#fff;color:var(--ink);width:100%}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus,select.input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #0f2a4a1a}textarea{min-height:96px;resize:vertical}.check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;background:#fff}.check.on{border-color:var(--navy);background:var(--navy-soft)}.check.locked{opacity:.85;cursor:default}.check input{margin-top:3px}.check .name{font-weight:500}.check .desc{color:var(--muted);font-size:12.5px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{background:none;border:0;padding:10px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-weight:500}.tabs button.on{color:var(--navy);border-color:var(--navy)}.keten{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}.keten .station{padding:12px 14px;border-right:1px solid var(--line);position:relative;min-height:78px}.keten .station:last-child{border-right:0}.keten .station .no{font-family:var(--mono);font-size:11px;color:var(--muted)}.keten .station .title{font-weight:500;margin-top:2px}.keten .station .state{font-size:12px;color:var(--muted);margin-top:4px}.keten .station:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--line)}.keten .station.done:before{background:var(--green)}.keten .station.warn:before{background:var(--amber)}.keten .station.fail:before{background:var(--red)}.keten .station.zone-P{background:#fafbfd}.split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.split>div{padding:16px}.split>div:first-child{border-right:1px solid var(--line);background:#fbfcfe}.split .head{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px}.split pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--ink-2)}.finding{border:1px solid var(--line);border-left-width:4px;border-radius:var(--r);padding:14px 16px;background:#fff}.finding.hoog{border-left-color:var(--red)}.finding.midden{border-left-color:var(--amber)}.finding.laag{border-left-color:var(--navy)}.finding.info{border-left-color:var(--line-strong)}.finding .f-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.finding .f-title{font-weight:600}.finding .f-claim{margin-top:6px;max-width:78ch}.finding .f-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.evbtn{font-family:var(--mono);font-size:12px;background:#fff;border:1px solid var(--line-strong);border-radius:4px;padding:1px 7px;cursor:pointer;color:var(--navy)}.evbtn:hover{border-color:var(--navy)}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:100vw;background:#fff;border-left:1px solid var(--line);box-shadow:-12px 0 30px #14213d1f;z-index:20;display:flex;flex-direction:column}.drawer .d-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer .d-body{padding:16px 20px;overflow:auto}.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;font-size:13.5px}.kv dt{color:var(--muted)}.kv dd{margin:0}.score{display:flex;align-items:baseline;gap:10px}.score .n{font-family:var(--mono);font-size:34px;font-weight:500}.bar{height:8px;background:var(--grey-soft);border-radius:4px;position:relative;overflow:hidden;margin-top:8px}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--green)}.bar i.amber{background:var(--amber)}.bar i.red{background:var(--red)}.bar .mark{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.5}.fragment{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;background:#fff}.fragment .text{font-family:var(--mono);font-size:12.5px;background:#f7f9fc;padding:8px 10px;border-radius:4px;margin:8px 0}.scanbox{font-family:var(--sans);padding:10px 12px;border:1px dashed var(--line-strong);border-radius:var(--r);background:#fbfcfe;min-height:44px;line-height:1.7}.scanbox mark{background:var(--amber-soft);color:#8a5a12;border-radius:3px;padding:0 3px;font-family:var(--mono);font-size:12px}.scanbox mark.keep{background:var(--green-soft);color:var(--green)}.cat-title{font-size:12.5px;color:var(--muted);margin:18px 0 8px;font-weight:500}.tpl{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left}.tpl:hover{border-color:var(--navy)}.tpl.on{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.tpl.off{opacity:.55;cursor:default}.tpl .id{font-family:var(--mono);font-size:12px;color:var(--muted)}.tpl .name{font-weight:600}.tpl .doel{color:var(--muted);font-size:12.5px}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px}.timeline li:last-child{border-bottom:0}.err{color:var(--red)}@media (max-width: 1000px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto}.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}.keten{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@keyframes stuxpuls{0%,to{box-shadow:0 0 #dc262673}50%{box-shadow:0 0 0 5px #dc262600}}.action-feedback{position:fixed;bottom:22px;right:22px;width:min(460px,calc(100vw - 32px));z-index:1200;display:grid;gap:8px}.action-feedback .notice{display:flex;align-items:center;gap:10px;box-shadow:0 4px 18px #0002;background:var(--paper,#fff);margin:0}.action-feedback .notice span{flex:1;overflow-wrap:anywhere}.page-save-bar{position:sticky;top:0;z-index:20;background:var(--paper,#fff);padding:12px 16px;border:1px solid var(--line,#ddd);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.page-save-bar span{font-size:13px}.spin{animation:stux-spin 1s linear infinite}@keyframes stux-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.document-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto;font:13px/1.6 var(--mono,monospace)}
