:root{
  --bg:#0A1326; --panel:#12264A; --panel2:#17305C; --line:#223357;
  --text:#F5F7FA; --muted:#8FA0B8; --accent:#E2851F; --accent2:#B85C12;
  --warn:#F4A93E; --risk:#C85C5C;
  --font-heading:'Source Serif 4', Georgia, serif;
  --font-body:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:'IBM Plex Mono', 'JetBrains Mono', monospace;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);}
header{padding:18px 16px 14px;border-bottom:1px solid var(--line);}
header h1{margin:0;font-size:19px;font-family:var(--font-heading);}
header .sub{color:var(--muted);font-size:12.5px;margin-top:4px;}
nav{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;border-bottom:1px solid var(--line);}
nav button{flex:0 0 auto;padding:10px 16px;border-radius:20px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:14px;cursor:pointer;}
nav button.active{background:var(--accent2);color:#fff;border-color:var(--accent2);}
main{padding:16px;max-width:800px;margin:0 auto;}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;}
.hcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px;cursor:pointer;}
/* BL-091: subtiele markering voor nog niet eerder geziene items (localStorage-gebaseerd, zie admin.html) */
.hcard.nieuw{background:rgba(226,133,31,.10);border-color:rgba(226,133,31,.4);}
/* BL-092: gedateerd-bericht-markering (bron_datum ouder dan de instelbare drempel) — linkerrand
   i.p.v. volledige achtergrond, zodat dit combineert met .nieuw hierboven zonder conflict */
.hcard.verouderd{border-left:3px solid var(--warn);}
.hcard .name{font-size:15.5px;font-weight:600;}
.hcard .sub2{font-size:12.5px;color:var(--muted);margin-top:2px;}
.badge{font-size:11px;padding:3px 9px;border-radius:20px;font-weight:600;white-space:nowrap;float:right;}
.badge.high{background:rgba(79,178,134,.18);color:var(--accent);}
.badge.med{background:rgba(217,154,79,.18);color:var(--warn);}
h2{font-size:15px;margin:22px 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-family:var(--font-heading);}
.detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:none;}
.hcard.open .detail{display:block;}
.detail .row{margin-bottom:6px;}
.btn{border:none;border-radius:12px;background:var(--accent2);color:#fff;padding:10px 16px;font-size:13.5px;font-weight:600;cursor:pointer;}
.chat-msgs{min-height:300px;margin-bottom:12px;}
.msg{max-width:85%;padding:10px 14px;border-radius:14px;margin-bottom:10px;font-size:14px;line-height:1.45;}
.msg.user{background:var(--accent2);color:#fff;margin-left:auto;}
.msg.ai{background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;}
.chat-input-row{display:flex;gap:8px;}
.chat-input-row textarea{flex:1;resize:none;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:12px 14px;font-size:15px;font-family:inherit;}

.brand-dot{color:var(--accent);font-weight:700;}
.mono{font-family:var(--font-mono);}