@font-face{font-family:Sentient;src:url(/fonts/Sentient-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sentient;src:url(/fonts/Sentient-Italic.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Sentient;src:url(/fonts/Sentient-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sentient;src:url(/fonts/Sentient-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--paper:#fff;--paper-sunken:#f5f7f9;--ink:#001d3d;--ink2:#003566;--ink3:#4c7295;--line:#ccd6e0;--amber:#ffc300;--amber-tint:#fff4cc;--red:#9e2121;--red-tint:#f6e8e8;--groen:#1f7a4d;--font-display:Sentient, "Iowan Old Style", Palatino, Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:17px;line-height:1.5}.poort{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.poort form{flex-direction:column;gap:12px;width:min(320px,100%);display:flex}input{font:inherit;color:var(--ink);background:var(--paper);border:1.6px solid var(--ink);-webkit-appearance:none;border-radius:0;padding:12px 14px}input::placeholder{color:var(--ink3)}.knop{font:inherit;background:var(--ink);color:var(--paper);border:1.6px solid var(--ink);cursor:pointer;padding:12px 18px}.knop:disabled{opacity:.45;cursor:default}.melding{background:var(--amber-tint);border-left:3px solid var(--amber);padding:8px 12px;font-size:15px}.kaart{border:1.6px solid var(--ink);text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(360px,100%);padding:28px 24px;display:flex}.etiket{letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);font-size:13px}.kaart h1{font-size:34px;font-weight:500;line-height:1.15}.bio{color:var(--ink2);font-size:15px}.belknop{font:inherit;background:var(--groen);color:var(--paper);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:14px 26px;font-size:18px;display:flex}.tegels{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin:8px 0;display:grid}.tegels div{background:var(--paper-sunken);flex-direction:column;padding:10px 4px;display:flex}.tegels b{font-size:22px;font-weight:500}.tegels span{color:var(--ink3);font-size:12px}.kaart .knop{width:100%;margin-top:6px}.belscherm{background:var(--ink);min-height:100dvh;color:var(--paper);padding:max(48px, env(safe-area-inset-top)) 24px max(40px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:space-between;align-items:center;display:flex}.belkop h1{font-size:34px;font-weight:500}.status{color:var(--ink3);font-variant-numeric:tabular-nums;margin-top:4px}.ondertitels{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;width:min(420px,100%);padding:24px 0;font-size:15px;display:flex}.ondertitels .rina{color:var(--amber)}.ondertitels .gebruiker{color:var(--ink3)}.ophangknop{background:var(--red);width:76px;height:76px;color:var(--paper);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ophangknop svg{transform:rotate(135deg)}.dash{max-width:1100px;margin:0 auto;padding:32px 20px 60px}.dash h1{margin-bottom:18px;font-size:32px;font-weight:500}.dash-tegels{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px;display:grid}.dash-tegels div{border:1.6px solid var(--ink);padding:14px}.dash-tegels b{font-size:28px;font-weight:500;display:block}.dash-tegels span{color:var(--ink3);font-size:13px}.filters{border:1.6px solid var(--ink);flex-wrap:wrap;gap:0;width:fit-content;margin-bottom:14px;display:flex}.filters button{font:inherit;background:var(--paper);color:var(--ink);cursor:pointer;border:none;padding:6px 14px;font-size:15px}.filters button+button{border-left:1.6px solid var(--ink)}.filters button.actief{background:var(--ink);color:var(--paper)}.tabelvak{overflow-x:auto}.dash table{border-collapse:collapse;width:100%;font-size:15px}.dash th{text-align:left;color:var(--ink3);border-bottom:1.6px solid var(--ink);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:6px 10px;font-weight:500}.dash td{border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px}.dash tbody tr{cursor:pointer}.dash tbody tr:hover{background:var(--paper-sunken)}.dash tbody tr.gekozen{background:var(--amber-tint)}.stip{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.stip.geholpen{background:var(--groen)}.stip.oplichters{background:var(--red)}.stip.niet_geholpen{background:var(--amber)}.stip.afgebroken{background:var(--line)}.detail{border:1.6px solid var(--ink);margin-top:18px;padding:18px}.detail h2{font-size:22px;font-weight:500}.detail .regel{color:var(--ink3);margin-bottom:10px;font-size:14px}.detail audio{width:100%;margin:8px 0}.gesprek{flex-direction:column;gap:8px;margin-top:12px;display:flex}.bel-regel{max-width:75%;padding:8px 12px;font-size:15px}.bel-regel.rina{background:var(--paper-sunken);align-self:flex-start}.bel-regel.gebruiker{background:var(--amber-tint);align-self:flex-end}.bel-regel small{color:var(--ink3);font-size:12px;display:block}@media (max-width:640px){.kaart h1,.belkop h1{font-size:28px}}