:root{
--bg:#f8f5ee;
--panel:#f3efe6;
--card:#ffffff;
--ink:#111827;
--muted:#6b7280;
--faint:#9aa2ac;
--line:#e5e0d6;
--line2:#eee9df;
--header:#111827;
--header2:#151d2b;
--accent:#c9a227;
--accent-soft:#f6ecca;
--blue:#3b82f6;
--green:#2a9d8f;
--orange:#b7791f;
--mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
--shadow:0 1px 2px rgba(17,24,39,.04),0 6px 20px rgba(17,24,39,.05);
--shadow-lg:0 24px 60px rgba(17,24,39,.22);
--s-open:#6b7280;       --s-open-bg:#eef0ec;
--s-interessant:#2a62c6;--s-interessant-bg:#e7eefb;
--s-verdacht:#b23b2e;   --s-verdacht-bg:#f7e4e0;
--s-uitgesloten:#1d6c5f;--s-uitgesloten-bg:#e2f1ef;
--s-nieuw:#6b7280;      --s-nieuw-bg:#eef0ec;
--s-onderzocht:#2a62c6; --s-onderzocht-bg:#e7eefb;
--s-belangrijk:#8a6d12; --s-belangrijk-bg:#f6ecca;
--s-opgelost:#1d6c5f;   --s-opgelost-bg:#e2f1ef;
--s-cruciaal:#b23b2e;   --s-cruciaal-bg:#f7e4e0;
--s-hoog:#b23b2e;       --s-hoog-bg:#f7e4e0;
--s-middel:#8a6d12;     --s-middel-bg:#f6ecca;
--s-laag:#6b7280;       --s-laag-bg:#eef0ec;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
background:var(--bg);color:var(--ink);
font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Inter',sans-serif;font-weight:700;margin:0;letter-spacing:-.01em}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}
a{color:var(--blue)}
header{
background:linear-gradient(180deg,var(--header) 0%,var(--header2) 100%);
color:#f3f1ec;position:sticky;top:0;z-index:50;
border-bottom:3px solid var(--accent);
}
.topbar{display:flex;align-items:center;gap:18px;padding:12px 22px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand .seal{
width:40px;height:40px;border-radius:10px;
display:flex;align-items:center;justify-content:center;color:var(--ink);
font-family:'Inter',sans-serif;font-size:15px;font-weight:800;letter-spacing:.5px;flex:none;
background:var(--accent);
}
.brand .titles{min-width:0}
.brand h1{font-size:18px;letter-spacing:.3px;line-height:1.15;color:#f6f4ef}
.brand .sub{font-size:11px;color:#9aa0a7;text-transform:uppercase;letter-spacing:1.5px}
.casebar{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.case-name-wrap{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 10px}
.case-name-wrap label{font-size:10px;color:#9aa0a7;text-transform:uppercase;letter-spacing:1px}
#caseNameInput{background:transparent;border:none;color:#f6f4ef;font-size:14px;
font-family:'Inter',sans-serif;font-weight:600;width:200px;outline:none}
#caseNameInput::placeholder{color:#777e87}
.searchwrap{position:relative;display:flex;align-items:center}
#globalSearch{
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
color:#f3f1ec;border-radius:8px;padding:7px 12px 7px 32px;width:230px;outline:none;
}
#globalSearch::placeholder{color:#878e96}
#globalSearch:focus{border-color:var(--accent);background:rgba(255,255,255,.11)}
.searchwrap .mag{position:absolute;left:11px;color:#878e96;font-size:13px;pointer-events:none}
.hbtn{
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
color:#e9e7e2;border-radius:7px;padding:7px 11px;font-size:13px;
display:inline-flex;align-items:center;gap:6px;transition:.12s;
}
.hbtn:hover{background:rgba(255,255,255,.14)}
.hbtn.primary{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:700}
.hbtn.primary:hover{background:#b8911f;border-color:#b8911f}
nav.tabs{display:flex;gap:2px;padding:0 18px;background:var(--header2);overflow-x:auto}
nav.tabs button{
background:transparent;border:none;color:#aeb4bb;padding:13px 18px;font-size:13.5px;
letter-spacing:.3px;border-bottom:3px solid transparent;white-space:nowrap;transition:.12s;
display:flex;align-items:center;gap:7px;
}
nav.tabs button:hover{color:#f0eee9}
nav.tabs button.active{color:#fff;border-bottom-color:var(--accent)}
nav.tabs button .count{font-size:11px;background:rgba(255,255,255,.12);border-radius:10px;
padding:1px 7px;color:#cfd3d8}
nav.tabs button.active .count{background:var(--accent);color:#fff}
main{max-width:1280px;margin:0 auto;padding:26px 22px 80px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.page-head .pt h2{font-size:25px}
.page-head .pt p{margin:3px 0 0;color:var(--muted);font-size:13px}
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.btn{
background:var(--card);border:1px solid var(--line);color:var(--ink);
border-radius:8px;padding:8px 14px;font-size:13px;display:inline-flex;align-items:center;gap:7px;
transition:.12s;box-shadow:0 1px 1px rgba(28,30,34,.03);
}
.btn:hover{border-color:#c4bfb4;background:#fbfaf7}
.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.btn.primary:hover{background:#1f2937;border-color:#1f2937}
.btn.danger{color:var(--s-verdacht);border-color:#e8cfc7}
.btn.danger:hover{background:#fbeee9}
.btn.sm{padding:5px 10px;font-size:12px;border-radius:6px}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn.ghost:hover{background:#e6e2d9;color:var(--ink)}
.filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px;
background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:10px 12px}
.filterbar select,.filterbar input{
background:#fff;border:1px solid var(--line);border-radius:7px;padding:6px 10px;outline:none;
}
.filterbar select:focus,.filterbar input:focus{border-color:var(--accent)}
.filterbar .fl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-right:-3px}
.grid{display:grid;gap:16px}
.grid.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grid.ev{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{
background:var(--card);border:1px solid var(--line2);border-radius:12px;
box-shadow:var(--shadow);overflow:hidden;transition:.14s;
}
.card.click{cursor:pointer}
.card.click:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(28,30,34,.08),0 14px 32px rgba(28,30,34,.10);border-color:#cfcabf}
.pcard{padding:16px}
.pcard .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pcard .avatar{width:42px;height:42px;border-radius:50%;flex:none;display:flex;align-items:center;
justify-content:center;font-family:'Inter',sans-serif;font-size:16px;font-weight:700;color:#fff;background:#8a8f97}
.pcard h3{font-size:17px;line-height:1.2}
.pcard .role{font-size:12px;color:var(--muted);text-transform:capitalize}
.pcard .desc{margin:12px 0 0;color:#3c4148;font-size:13px}
.pcard .links{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pcard .footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;
padding-top:12px;border-top:1px solid var(--line2)}
.linkchip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;background:var(--panel);
border:1px solid var(--line2);border-radius:20px;padding:3px 9px;color:var(--muted)}
.linkchip b{color:var(--ink);font-weight:600}
.ecard .thumb{height:130px;background:var(--panel);display:flex;align-items:center;justify-content:center;
border-bottom:1px solid var(--line2);position:relative;overflow:hidden}
.ecard .thumb img{width:100%;height:100%;object-fit:cover}
.ecard .thumb .ph{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--faint)}
.ecard .thumb .ph .ic{font-size:30px}
.ecard .thumb .ph .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.5px;text-transform:uppercase}
/* --- automatische bewijs-voorvertoning (document / brief / audio) --- */
.ecard .thumb .docthumb{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;
  background:repeating-linear-gradient(135deg,#f1ece1,#f1ece1 9px,#efe9dd 9px,#efe9dd 18px)}
.ecard .thumb .docthumb .sheet{width:74%;height:108px;margin-top:14px;background:#fff;border:1px solid var(--line);
  border-radius:3px 3px 0 0;box-shadow:0 6px 16px rgba(28,30,34,.13);padding:12px 13px 0;overflow:hidden;position:relative}
.ecard .thumb .docthumb .sheet::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
.ecard .thumb .docthumb .sheet .txt{font-size:7.5px;line-height:1.7;color:#5a616a;font-family:var(--mono);
  white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}
.ecard .thumb .docthumb .sheet .ln{height:5px;border-radius:2px;background:#e4ded2;margin-bottom:7px}
.ecard .thumb .docthumb .sheet .ln.t{width:55%;height:7px;background:#d8d0c0;margin-bottom:10px}
.ecard .thumb .docthumb .corner{position:absolute;top:0;right:13%;width:0;height:0;
  border-top:16px solid #ece6da;border-left:16px solid transparent}
.ecard .thumb .audiothumb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:11px;background:radial-gradient(120% 90% at 50% 0%,#fbf6e4 0%,var(--panel) 70%)}
.ecard .thumb .audiothumb .note{font-size:26px;color:var(--accent)}
.ecard .thumb .audiothumb .wave{display:flex;align-items:center;gap:3px;height:34px}
.ecard .thumb .audiothumb .wave i{display:block;width:3px;border-radius:2px;background:var(--accent);opacity:.85}
.ecard .thumb .kindlbl{position:absolute;left:10px;bottom:8px;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.6px;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.72);
  border-radius:4px;padding:2px 6px}
/* --- inline bewijs-viewer (detailvenster) --- */
.ev-frame{width:100%;height:min(64vh,540px);border:1px solid var(--line2);border-radius:8px;
  margin-bottom:14px;background:#fff;display:block}
.ev-audio{width:100%;margin-bottom:14px}
.ev-filelink{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);
  background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:14px 16px;margin-bottom:14px}
.ev-filelink:hover{border-color:var(--accent)}
.ev-openlink{display:inline-block;margin:-4px 0 16px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none}
.ev-openlink:hover{text-decoration:underline}
.ecard .body{padding:13px 14px}
.ecard h3{font-size:15px;line-height:1.25}
.ecard .meta{display:flex;gap:8px;align-items:center;margin-top:6px;color:var(--muted);font-size:11.5px;flex-wrap:wrap}
.ecard .tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.typechip{font-size:11px;text-transform:capitalize;background:var(--accent-soft);color:var(--accent);
border-radius:5px;padding:2px 7px;font-weight:600}
.tag{font-size:11px;background:#eef0f2;color:#5a616a;border-radius:5px;padding:2px 7px}
.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:20px;
padding:3px 10px;text-transform:capitalize;letter-spacing:.2px;white-space:nowrap}
.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.b-open{color:var(--s-open);background:var(--s-open-bg)}
.b-interessant{color:var(--s-interessant);background:var(--s-interessant-bg)}
.b-verdacht{color:var(--s-verdacht);background:var(--s-verdacht-bg)}
.b-uitgesloten{color:var(--s-uitgesloten);background:var(--s-uitgesloten-bg)}
.b-nieuw{color:var(--s-nieuw);background:var(--s-nieuw-bg)}
.b-onderzocht{color:var(--s-onderzocht);background:var(--s-onderzocht-bg)}
.b-belangrijk{color:var(--s-belangrijk);background:var(--s-belangrijk-bg)}
.b-opgelost{color:var(--s-opgelost);background:var(--s-opgelost-bg)}
.b-normaal{color:var(--s-open);background:var(--s-open-bg)}
.b-cruciaal{color:var(--s-cruciaal);background:var(--s-cruciaal-bg)}
.b-laag{color:var(--s-laag);background:var(--s-laag-bg)}
.b-middel{color:var(--s-middel);background:var(--s-middel-bg)}
.b-hoog{color:var(--s-hoog);background:var(--s-hoog-bg)}
.b-deels.opgelost,.b-deels-opgelost{color:var(--s-belangrijk);background:var(--s-belangrijk-bg)}
.card.st-verdacht{border-left:4px solid var(--s-verdacht)}
.card.st-interessant{border-left:4px solid var(--s-interessant)}
.card.st-uitgesloten{border-left:4px solid var(--s-uitgesloten);opacity:.82}
.card.st-open{border-left:4px solid var(--s-open)}
.card.st-belangrijk{border-left:4px solid var(--s-belangrijk)}
.card.st-opgelost{border-left:4px solid var(--s-opgelost)}
.card.st-onderzocht{border-left:4px solid var(--s-onderzocht)}
.card.st-nieuw{border-left:4px solid var(--s-nieuw)}
.empty{text-align:center;padding:60px 20px;color:var(--muted)}
.empty .ic{font-size:46px;opacity:.4;margin-bottom:10px}
.empty h3{font-size:18px;color:var(--ink);margin-bottom:6px}
.empty p{max-width:420px;margin:0 auto 16px}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}
.stat{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}
.stat .n{font-family:'Inter',sans-serif;font-weight:800;font-size:32px;line-height:1}
.stat .l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px;margin-top:6px}
.stat.accent{border-top:3px solid var(--accent)}
.dash-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}
@media(max-width:820px){.dash-grid{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow)}
.panel .ph{padding:14px 18px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center}
.panel .ph h3{font-size:16px}
.panel .pb{padding:8px 8px}
.listrow{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:8px;cursor:pointer}
.listrow:hover{background:var(--panel)}
.listrow .li-main{flex:1;min-width:0}
.listrow .li-main .t{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listrow .li-main .s{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-month{margin-bottom:14px}
.tl-month .mh{display:flex;align-items:center;gap:12px;margin:18px 0 12px}
.tl-month .mh h3{font-size:18px;text-transform:capitalize}
.tl-month .mh .ln{flex:1;height:1px;background:var(--line)}
.tl-month .mh .cnt{font-size:12px;color:var(--muted)}
.tl-track{border-left:2px solid var(--line);margin-left:9px;padding-left:0}
.tl-item{position:relative;padding:0 0 14px 26px}
.tl-item .node{position:absolute;left:-8px;top:4px;width:13px;height:13px;border-radius:50%;
background:#fff;border:3px solid var(--s-open)}
.tl-item.cruciaal .node{border-color:var(--s-cruciaal)}
.tl-item.belangrijk .node{border-color:var(--s-belangrijk)}
.tl-item.evidence .node{border-color:var(--accent);background:var(--accent-soft)}
.tl-card{background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:12px 14px;box-shadow:var(--shadow);cursor:pointer;transition:.12s}
.tl-card:hover{border-color:#cfcabf;transform:translateX(2px)}
.tl-card .tch{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.tl-card h4{font-size:14.5px}
.tl-card .when{font-size:12px;color:var(--muted);font-family:var(--mono)}
.tl-card .lk{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.tl-config{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:var(--panel);
border:1px solid var(--line2);border-radius:10px;padding:14px;margin-bottom:20px}
@media(max-width:680px){.tl-config{grid-template-columns:repeat(2,1fr)}}
.tl-config .fld label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}
.tl-config .fld select{width:100%;background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 9px;outline:none}
.board{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media(max-width:1100px){.board{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.board{grid-template-columns:1fr}}
.col{background:var(--panel);border:1px solid var(--line2);border-radius:12px;display:flex;flex-direction:column;min-height:200px}
.col .ch{padding:12px 14px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center}
.col .ch h3{font-size:14px;text-transform:uppercase;letter-spacing:.8px;color:#4a505a}
.col .ch .cnt{font-size:11px;background:#fff;border:1px solid var(--line2);border-radius:10px;padding:1px 8px;color:var(--muted)}
.col .cb{padding:10px;display:flex;flex-direction:column;gap:9px;overflow-y:auto}
.bcard{background:#fff;border:1px solid var(--line2);border-radius:9px;padding:10px 11px;box-shadow:0 1px 1px rgba(28,30,34,.04);cursor:pointer;transition:.12s;border-left:3px solid var(--line)}
.bcard:hover{border-color:#cfcabf;transform:translateY(-1px)}
.bcard.linked{border-left-color:var(--accent)}
.bcard .bt{font-weight:600;font-size:13px;line-height:1.25}
.bcard .bs{font-size:11.5px;color:var(--muted);margin-top:3px}
.bcard .bl{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}
.minichip{font-size:10.5px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:1px 7px;color:var(--muted)}
.bcard.col-personen{border-left-color:var(--s-interessant)}
.col-empty{color:var(--faint);font-size:12.5px;text-align:center;padding:18px 8px;font-style:italic}
.qh-tabs{display:flex;gap:8px;margin-bottom:18px}
.qh-tabs button{background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:7px 16px;font-size:13px;color:var(--muted)}
.qh-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.qcard{padding:15px 16px}
.qcard .qq{font-size:16px;font-weight:700;font-family:'Inter',sans-serif;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.qcard .qnotes{color:#3c4148;margin-top:8px;font-size:13px}
.hypo-args{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
@media(max-width:560px){.hypo-args{grid-template-columns:1fr}}
.argbox{border:1px solid var(--line2);border-radius:9px;padding:10px 12px}
.argbox.pro{background:#f1f7ef;border-color:#d8e6d3}
.argbox.con{background:#f9efeb;border-color:#ecd6cd}
.argbox h5{font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 6px}
.argbox.pro h5{color:var(--s-uitgesloten)}
.argbox.con h5{color:var(--s-verdacht)}
.argbox .txt{font-size:12.5px;color:#3c4148;white-space:pre-wrap}
.overlay{position:fixed;inset:0;background:rgba(20,22,26,.55);backdrop-filter:blur(2px);
z-index:100;display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
.overlay.show{display:flex}
.modal{background:var(--card);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:680px;
animation:pop .18s ease}
.modal.wide{max-width:820px}
@keyframes pop{from{transform:translateY(10px) scale(.99);opacity:0}to{transform:none;opacity:1}}
.modal .mh{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line2)}
.modal .mh h3{font-size:19px}
.modal .mh .x{background:none;border:none;font-size:22px;color:var(--muted);line-height:1;padding:2px 6px;border-radius:6px}
.modal .mh .x:hover{background:var(--panel);color:var(--ink)}
.modal .mb{padding:20px 22px;max-height:70vh;overflow-y:auto}
.modal .mf{display:flex;justify-content:space-between;gap:10px;padding:14px 22px;border-top:1px solid var(--line2);background:var(--panel);border-radius:0 0 14px 14px}
.modal .mf .right{display:flex;gap:10px;margin-left:auto}
.field{margin-bottom:15px}
.field label{display:block;font-size:12px;font-weight:600;color:#3c4148;margin-bottom:5px}
.field label .req{color:var(--s-verdacht)}
.field input[type=text],.field input[type=date],.field input[type=time],.field select,.field textarea{
width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;outline:none;transition:.12s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.field textarea{resize:vertical;min-height:64px;line-height:1.5}
.field .hint{font-size:11px;color:var(--faint);margin-top:4px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.row2{grid-template-columns:1fr}}
.chkgroup{border:1px solid var(--line);border-radius:8px;padding:8px;max-height:170px;overflow-y:auto;background:#fff}
.chkrow{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;cursor:pointer}
.chkrow:hover{background:var(--panel)}
.chkrow input{width:16px;height:16px;accent-color:var(--accent)}
.chkrow .nm{font-size:13px}
.chkrow .rl{font-size:11px;color:var(--muted)}
.chkempty{color:var(--faint);font-size:12px;padding:8px;font-style:italic}
.imgup{display:flex;gap:14px;align-items:flex-start}
.imgprev{width:120px;height:120px;border-radius:10px;border:1px solid var(--line);background:var(--panel);
flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--faint);font-size:11px;text-align:center}
.imgprev img{width:100%;height:100%;object-fit:cover}
.detail-img{display:block;width:100%;max-height:62vh;object-fit:contain;background:#111418;border-radius:10px;margin-bottom:16px;cursor:zoom-in}
.dfield{margin-bottom:14px}
.dfield .dl{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:3px}
.dfield .dv{font-size:14px;white-space:pre-wrap}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:520px){.dgrid{grid-template-columns:1fr}}
.chiplist{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}
.chiplist .ch2{background:var(--panel);border:1px solid var(--line2);border-radius:20px;padding:4px 11px;font-size:12.5px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.chiplist .ch2:hover{border-color:var(--accent);color:var(--accent)}
.search-panel{position:fixed;top:64px;right:22px;width:420px;max-width:calc(100vw - 44px);max-height:70vh;overflow-y:auto;
background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);z-index:60;display:none}
.search-panel.show{display:block}
.search-panel .sp-h{padding:11px 16px;border-bottom:1px solid var(--line2);font-size:12px;color:var(--muted);
text-transform:uppercase;letter-spacing:.8px;position:sticky;top:0;background:#fff}
.sr-group{padding:6px 0}
.sr-group .gl{font-size:11px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:6px 16px}
.sr-item{padding:8px 16px;cursor:pointer}
.sr-item:hover{background:var(--panel)}
.sr-item .t{font-weight:600;font-size:13.5px}
.sr-item .s{font-size:12px;color:var(--muted)}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);
background:var(--ink);color:#f3f1ec;padding:11px 20px;border-radius:30px;font-size:13px;box-shadow:var(--shadow-lg);
z-index:200;opacity:0;transition:.25s;display:flex;align-items:center;gap:9px;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast .dt{width:7px;height:7px;border-radius:50%;background:var(--s-uitgesloten)}
.confirm-modal{max-width:420px}
.confirm-modal .mb{text-align:left}
.confirm-modal .cm-ic{font-size:30px;margin-bottom:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:#cdc8bd;border-radius:6px;border:3px solid var(--bg)}
::-webkit-scrollbar-track{background:transparent}
@media(max-width:820px){
.grid.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
}
@media(max-width:760px){
header{position:static}
.topbar{gap:10px;padding:10px 14px}
main{padding:18px 14px 96px}
.brand h1{font-size:16px}
.casebar{width:100%;margin-left:0;gap:8px}
.searchwrap{flex:1 1 100%;order:-1}
#globalSearch{width:100%}
.case-name-wrap{flex:1 1 auto;min-width:0}
#caseNameInput{width:100%;min-width:0}
.collab-ctrl{flex:1 1 auto}
nav.tabs{padding:0 8px}
nav.tabs button{padding:12px 13px;font-size:13px}
.connbar{padding:6px 14px}
.page-head .pt h2{font-size:21px}
.modal .mh{padding:14px 16px}
.modal .mb{padding:16px 16px}
.modal .mf{flex-wrap:wrap;gap:8px;padding:12px 16px}
.toolbar,.filterbar{flex-wrap:wrap}
.search-panel{top:auto;left:14px;right:14px;width:auto;max-width:none}
}
@media(max-width:480px){
.brand .sub{display:none}
.hbtn{padding:7px 9px;font-size:12.5px}
.case-name-wrap label{display:none}
.stat-row{grid-template-columns:1fr 1fr}
.modal .mf{flex-direction:column-reverse;align-items:stretch}
.modal .mf .right{margin-left:0;flex-direction:column;width:100%}
.modal .mf .btn{width:100%;justify-content:center}
}
@media print{
header,nav.tabs,.toolbar,.filterbar,.btn,.search-panel,.toast,.tl-config{display:none !important}
body{background:#fff}
main{max-width:100%;padding:0}
.card,.panel,.col,.tl-card{box-shadow:none;break-inside:avoid}
.print-title{display:block !important;font-family:'Inter',sans-serif;font-weight:800;font-size:24px;margin-bottom:18px;border-bottom:2px solid #000;padding-bottom:10px}
}
.print-title{display:none}
.collab-ctrl{display:flex;align-items:center;gap:8px}
.conn-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(90,138,85,.18);border:1px solid rgba(90,138,85,.4);
color:#bfe0ba;border-radius:8px;padding:6px 11px;font-size:12.5px;font-family:var(--mono);letter-spacing:1px}
.conn-chip .cdot{width:8px;height:8px;border-radius:50%;background:#6fcf6a;box-shadow:0 0 0 0 rgba(111,207,106,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(111,207,106,.5)}70%{box-shadow:0 0 0 7px rgba(111,207,106,0)}100%{box-shadow:0 0 0 0 rgba(111,207,106,0)}}
.connbar{display:flex;align-items:center;gap:10px;padding:7px 22px;background:#14171c;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}
.connbar .lbl{font-size:11px;color:#878e96;text-transform:uppercase;letter-spacing:1px}
.presence{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pchip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
border-radius:20px;padding:4px 11px 4px 8px;font-size:12px;color:#dfe2e6}
.pchip .pdot{width:18px;height:18px;border-radius:50%;background:var(--pc,#9a6a2f);display:inline-flex;align-items:center;
justify-content:center;font-size:10px;font-weight:700;color:#fff;font-family:'Inter',sans-serif}
.pchip .ptab{font-size:10px;color:#9aa0a7;text-transform:uppercase;letter-spacing:.5px}
.pchip.me{border-color:var(--accent);background:rgba(201,162,39,.2)}
.auth{position:fixed;inset:0;z-index:300;background:linear-gradient(160deg,#111827,#0c1018);display:none;
align-items:flex-start;justify-content:center;padding:50px 18px;overflow-y:auto}
.auth.show{display:flex}
.auth-card{background:var(--card);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;overflow:hidden}
.auth-card .ah{padding:26px 30px 18px;border-bottom:1px solid var(--line2);text-align:center}
.auth-card .ah .seal{width:54px;height:54px;border-radius:13px;color:var(--ink);
display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:21px;font-weight:800;letter-spacing:.5px;margin:0 auto 12px;background:var(--accent)}
.auth-card .ah h2{font-size:23px}
.auth-card .ah p{color:var(--muted);margin:6px 0 0;font-size:13px}
.auth-card .ab{padding:24px 30px}
.auth-card .af{padding:16px 30px;background:var(--panel);border-top:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.code-input{font-family:var(--mono) !important;font-size:22px !important;letter-spacing:5px;text-align:center;text-transform:uppercase;font-weight:700}
.steps{counter-reset:step;margin:0 0 18px;padding:0;list-style:none}
.steps li{counter-increment:step;position:relative;padding:6px 0 6px 34px;font-size:13px;color:#3c4148;line-height:1.5}
.steps li::before{content:counter(step);position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:50%;
background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.steps li a{font-weight:600}
.steps code{background:var(--panel);border:1px solid var(--line2);border-radius:4px;padding:1px 5px;font-size:12px}
.warnbox{background:#f9efeb;border:1px solid #ecd6cd;border-radius:9px;padding:11px 14px;font-size:12.5px;color:#7a3a28;margin-bottom:16px}
.infobox{background:var(--accent-soft);border:1px solid #e6d3b8;border-radius:9px;padding:11px 14px;font-size:12.5px;color:#6b4a1f;margin-top:14px}
.linkbtn{background:none;border:none;color:var(--accent);font-size:12.5px;text-decoration:underline;padding:0}
.req{color:var(--s-verdacht)}
.af-end{justify-content:flex-end}
.auth-codebtns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.auth-sessionbox{display:flex;align-items:center;gap:14px;background:var(--accent-soft);border:1px solid #e6d3b8;border-radius:12px;padding:14px 18px;margin-bottom:18px;flex-wrap:wrap}
.auth-sessionbox .lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#9a7a3a}
.auth-sessionbox .big-code{font-family:var(--mono);font-size:30px;font-weight:700;letter-spacing:6px;color:#5a3d12;line-height:1.1}
.auth-tag{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#e9ddc4;color:#7a5a1f;border-radius:20px;padding:5px 12px}
.auth-tag.new{background:rgba(42,157,143,.16);color:#1d6c5f}
.auth-codechip{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:1px;background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:6px 12px;margin-bottom:14px;color:#4a4f55}
.auth-codechip b{color:var(--ink);letter-spacing:3px}
.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.set-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.set-card.wide{grid-column:1/-1}
.set-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line2);background:var(--panel)}
.set-h h3{font-size:15px}
.set-b{padding:16px 18px;display:flex;flex-direction:column;gap:13px}
.set-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0}
.set-badge{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:#6b7177;background:#fff;border:1px solid var(--line2);border-radius:20px;padding:4px 10px;white-space:nowrap}
.set-badge.host{background:rgba(42,157,143,.14);border-color:rgba(42,157,143,.32);color:#1d6c5f}
.set-meta{display:flex;gap:18px;font-size:12.5px;color:#4a4f55;flex-wrap:wrap}
.big-code-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:12px 16px;flex-wrap:wrap}
.big-code-box .lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#9aa0a7}
.big-code{font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:5px;color:var(--ink)}
.link-row{display:flex;gap:8px}
.link-row input{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:12.5px;font-family:var(--mono);background:var(--panel);color:#3c4148;min-width:0}
.invite-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn.invite{flex:1;justify-content:center;min-width:110px;text-decoration:none}
.btn.invite.wa{background:#e7f4ea;border-color:#bfe0c6;color:#1f7a3a}
.btn.danger{color:#a23627;border-color:#e6c3bc}
.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:3px;gap:3px;align-self:flex-start}
.seg-btn{border:none;background:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#6b7177}
.seg-btn.on{background:var(--accent);color:var(--ink)}
.member-add{display:flex;gap:8px;flex-wrap:wrap}
.member-add input{flex:1;min-width:140px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:13px}
.member-list{display:flex;flex-direction:column;gap:8px}
.member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line2);border-radius:10px;padding:10px 12px;background:var(--panel)}
.m-main{display:flex;align-items:center;gap:10px;min-width:0}
.m-ic{font-size:15px;opacity:.7}
.m-contact{font-size:13px;font-weight:600;color:#2b2f35;font-family:var(--mono);word-break:break-all}
.m-label{font-size:11.5px;color:var(--muted)}
.m-side{display:flex;align-items:center;gap:6px;flex-shrink:0}
.m-joined{font-size:11.5px;color:#1d6c5f;font-weight:600;white-space:nowrap}
.m-pending{font-size:11px;color:#9aa0a7;white-space:nowrap}
.m-empty{font-size:12.5px;color:var(--muted);text-align:center;padding:14px;font-style:italic}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line2);background:#fff;border-radius:7px;color:#5a6066;font-size:14px;text-decoration:none}
.iconbtn:hover{background:var(--panel)}
.iconbtn.del{color:#a23627}
@media (max-width:760px){.set-grid{grid-template-columns:1fr}}
.chat-widget{position:fixed;right:18px;bottom:18px;z-index:120;display:none;flex-direction:column;align-items:flex-end;gap:10px}
.chat-launcher{background:var(--header);color:#f3f1ec;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:11px 18px;font-size:13px;
box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;transition:.12s}
.chat-launcher:hover{background:#22262e}
.chat-badge{background:var(--s-verdacht);color:#fff;border-radius:11px;font-size:11px;padding:1px 7px;font-weight:700;min-width:18px;text-align:center}
.chat-panel{width:340px;max-width:calc(100vw - 36px);height:440px;max-height:72vh;background:#fff;border:1px solid var(--line);
border-radius:14px;box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden}
.chat-head{padding:12px 15px;background:linear-gradient(180deg,var(--header),var(--header2));color:#f3f1ec;display:flex;justify-content:space-between;
align-items:center;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;border-bottom:2px solid var(--accent)}
.chat-head .chat-sub{font-size:11px;color:#9aa0a7;font-family:'Inter',sans-serif;font-weight:400}
.chat-x{background:none;border:none;color:#aeb4bb;font-size:18px;line-height:1;padding:2px 6px;border-radius:6px}
.chat-x:hover{background:rgba(255,255,255,.1);color:#fff}
.chat-msgs{flex:1;overflow-y:auto;padding:13px 14px;display:flex;flex-direction:column;gap:10px;background:var(--panel)}
.chat-msg{max-width:86%;display:flex;flex-direction:column}
.chat-msg .mn{font-size:11px;font-weight:700;margin-bottom:3px}
.chat-msg .mt{background:#fff;border:1px solid var(--line2);border-radius:4px 12px 12px 12px;padding:7px 11px;font-size:13px;line-height:1.45;
word-wrap:break-word;overflow-wrap:anywhere;color:#2b2f35}
.chat-msg .mtime{font-size:10px;color:var(--faint);margin-top:3px}
.chat-msg.me{align-self:flex-end;align-items:flex-end}
.chat-msg.me .mn{color:var(--accent)}
.chat-msg.me .mt{background:var(--accent-soft);border-color:#e6d3b8;border-radius:12px 4px 12px 12px}
.chat-empty{color:var(--faint);font-size:12.5px;text-align:center;margin:auto;font-style:italic;padding:0 20px}
.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line2);background:#fff}
.chat-input input{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 11px;outline:none;font-size:13px}
.chat-input input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.chat-send{background:var(--accent);color:var(--ink);border:none;border-radius:8px;padding:0 15px;font-size:13px;font-weight:700}
.chat-send:hover{background:#b8911f}
.voice-bar{padding:9px 12px;background:#1f2228;color:#e9e7e2;border-bottom:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.voice-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.voice-live{display:flex;align-items:center;gap:7px;font-size:12px;color:#e9e7e2;font-weight:600}
.voice-note{display:flex;align-items:center;gap:7px;font-size:12px;color:#9aa0a7}
.vdot{width:8px;height:8px;border-radius:50%;background:#6fcf6a}
.vdot.live{background:#e0533d;animation:pulse 1.6s infinite}
.voice-actions{display:flex;gap:6px}
.voice-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e9e7e2;border-radius:7px;padding:6px 11px;font-size:12px;display:inline-flex;align-items:center;gap:6px}
.voice-btn:hover{background:rgba(255,255,255,.16)}
.voice-btn.join{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:700;width:100%;justify-content:center}
.voice-btn.join:hover{background:#b8911f}
.voice-btn.leave{background:rgba(224,83,61,.18);border-color:rgba(224,83,61,.4);color:#f0b3a8}
.voice-btn.muted{background:rgba(224,83,61,.18);border-color:rgba(224,83,61,.4);color:#f0b3a8}
.voice-roster{display:flex;flex-wrap:wrap;gap:6px}
.vchip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3px 9px 3px 3px;font-size:11.5px;opacity:.6}
.vchip.on{opacity:1;border-color:rgba(111,207,106,.5)}
.vchip .vava{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}
@media print{.connbar,.collab-ctrl,.presence,.auth,.chat-widget{display:none !important}}

/* ===== klikbare statistieken (dashboard) ===== */
.stat.click{cursor:pointer;transition:.14s}
.stat.click:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(28,30,34,.08),0 14px 32px rgba(28,30,34,.10);border-color:#cfcabf}

/* ===== introductiebrief ===== */
.intro-letter{max-width:780px;background:var(--card);border:1px solid var(--line2);border-left:4px solid var(--accent);
  border-radius:12px;box-shadow:var(--shadow);padding:30px 34px;position:relative;transition:.14s}
.intro-letter.click{cursor:pointer}
.intro-letter.click:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(28,30,34,.10),0 18px 40px rgba(28,30,34,.12);border-left-color:#b8911f}
.intro-seal-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.intro-seal{width:40px;height:40px;border-radius:10px;background:var(--accent);color:var(--ink);
  font-family:'Inter',sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;flex:none}
.intro-conf{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}
.intro-case{font-family:'Inter',sans-serif;font-weight:700;font-size:16px}
.intro-body{font-size:15.5px;line-height:1.75;color:var(--ink);white-space:pre-wrap}
.intro-open{margin-top:20px;padding-top:14px;border-top:1px dashed var(--line);font-size:13px;font-weight:600;color:var(--accent)}
.intro-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;max-width:780px}
@media(max-width:720px){.intro-cols{grid-template-columns:1fr}}
.intro-sec{background:var(--panel);border:1px solid var(--line2);border-radius:12px;overflow:hidden}
.intro-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line2)}
.intro-sec-h h3{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:#4a505a}
.intro-sec-h .cnt{font-size:11px;background:#fff;border:1px solid var(--line2);border-radius:10px;padding:1px 8px;color:var(--muted)}
.intro-list{display:flex;flex-direction:column;padding:8px}
.intro-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px}
.intro-row.click{cursor:pointer}
.intro-row.click:hover{background:#fff}
.intro-row .ir-t{font-size:13px;line-height:1.4;color:var(--ink);min-width:0}

/* ===== boek-CTA ===== */
.book-cta{display:flex;align-items:center;gap:16px;max-width:780px;margin-top:24px;text-decoration:none;
  background:linear-gradient(180deg,#fbf6e6,#f6ecca);border:1px solid #e6d5a0;border-radius:14px;padding:18px 22px;
  box-shadow:var(--shadow);transition:.14s}
.book-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(28,30,34,.10),0 18px 40px rgba(28,30,34,.12);border-color:#d8c074}
.book-ic{font-size:32px;line-height:1;flex:none}
.book-txt{display:flex;flex-direction:column;gap:3px}
.book-txt b{font-family:'Inter',sans-serif;font-size:15.5px;color:var(--ink)}
.book-txt span{font-size:13px;color:#7a6a3a}

/* ===== markeringen (bewijs-detail) ===== */
mark.ev-hl{background:#fdf2b8;color:inherit;border-radius:3px;padding:0 2px;box-shadow:0 0 0 1px #f0e08a inset}
.mark-box{margin-top:18px;border-top:1px solid var(--line2);padding-top:16px}
.mark-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.mark-row{display:flex;align-items:flex-start;gap:10px;background:var(--panel);border:1px solid var(--line2);
  border-left:3px solid var(--accent);border-radius:9px;padding:9px 11px}
.mark-pin{font-size:14px;line-height:1.4;flex:none}
.mark-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mark-quote{font-size:13px;line-height:1.5;color:var(--ink);font-style:italic}
.mark-note{font-size:13px;line-height:1.5;color:var(--ink)}
.mark-by{font-size:11px;color:var(--faint)}
.mark-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mark-add input{flex:1;min-width:160px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 10px;outline:none}
.mark-add input:focus{border-color:var(--accent)}
.iconbtn{background:transparent;border:1px solid var(--line2);border-radius:7px;width:30px;height:30px;
  display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;flex:none}
.iconbtn:hover{background:var(--panel);color:var(--ink)}
.iconbtn.del:hover{color:var(--s-verdacht);border-color:#e8cfc7;background:#fbeee9}

/* ===== antwoordsleutel (instellingen) ===== */
.ak-list{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}
.ak-row{background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:11px 13px;
  display:flex;flex-direction:column;gap:8px}
.ak-row.is-culprit{border-color:#bfe0c0;background:var(--s-opgelost-bg)}
.ak-pick{display:flex;align-items:center;gap:9px;cursor:pointer}
.ak-pick input{width:17px;height:17px;flex:none}
.ak-name{font-family:'Inter',sans-serif;font-weight:700;font-size:14px}
.ak-role{font-size:12px;color:var(--muted);text-transform:capitalize}
.ak-row textarea{width:100%;min-height:54px;background:#fff;border:1px solid var(--line);border-radius:7px;
  padding:8px 10px;outline:none;resize:vertical;line-height:1.5}
.ak-row textarea:focus{border-color:var(--accent)}