/* PRISMA 4.2 — basis: reset, tokens, typografie */
:root {
  --xp-title-a: #0A246A;
  --xp-title-b: #3A6EA5;
  --panel: #ECE9D8;
  --navy: #162866;
  --geel: #FFCA23;
  --wit: #FEFEFE;
  --zwart: #0C0C0C;
  --border: #7F9DB9;
  --grid-alt: #F1F5FB;
  --link: #0000CC;
  --visited: #551A8B;
  --desktop: #2F7A84;
  --sel: #316AC5;
  --rood: #C0392B;
  --groen: #2E7D32;
  --oranje: #D9822B;
  --zoom: 1;
  --font: Tahoma, Verdana, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  font: 12px/1.4 var(--font);
  color: #000;
  background: var(--desktop);
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
}
a { color: var(--link); }
a:visited { color: var(--visited); }
h1, h2, h3, h4 { font-weight: bold; margin: 0 0 8px; color: var(--navy); }
h1 { font-size: 15px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
p { margin: 0 0 8px; }
ul { margin: 0 0 8px; padding-left: 18px; }
.ico { display: inline-block; vertical-align: -3px; flex: none; }
.muted { color: #6B6B6B; }
.small { font-size: 11px; }
.nowrap { white-space: nowrap; }
.hidden { display: none !important; }
.mono { font-family: "Courier New", Courier, monospace; }
::selection { background: var(--sel); color: #fff; }

/* XP-achtige scrollbalken (WebKit) */
::-webkit-scrollbar { width: 16px; height: 16px; }
::-webkit-scrollbar-track { background: #F4F3EE; border-left: 1px solid #E3E1D6; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #C9D8FC, #B4C9F7 50%, #A6BDF2);
  border: 1px solid #FFF; border-radius: 3px;
  box-shadow: inset 0 0 0 1px #9AB1E4;
}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(90deg, #DAE5FD, #C6D7FA 50%, #B6CAF5); }
::-webkit-scrollbar-corner { background: var(--panel); }

@media print {
  body { background: #fff; overflow: visible; }
  .app-window { position: static !important; box-shadow: none !important; border: 0 !important; }
  .titlebar, .menubar, .toolbar, .nav, .statusbar, .crumbs, #layer-windows, #layer-balloons, .no-print { display: none !important; }
  .page { overflow: visible !important; }
}