:root { --ink: #071a33; --green: #1d5fd1; --green-2: #cbdfff; --mint: #eef5ff; --soft: #f5f8fc; --line: #d8e1ec; --shadow: 0 12px 36px rgba(7,26,51,.06); }
body { background: #f5f8fc; overflow-x: visible; }
a.brand { color: #071a33; text-decoration: none; }
.brand .mark, .upload-icon, .output-peek, .result-card { background: #071a33; }
.primary { background: #071a33; box-shadow: none; }
.panel, .result-card, .output-peek, .upload-zone, .metric, .file-card { border-radius: 8px; }
.button, button { border-radius: 8px; }
.output-peek::after, .result-card::after { display: none; }
.upload-zone, .upload-zone.is-locked, .step, .workspace-note { background: #f5f8fc; border-color: #d8e1ec; }
.upload-status, .status-pill, .badge { background: #eef5ff; color: #1d5fd1; }
.upload-status { text-decoration: none; }
.step.done { background: #eef5ff; border-color: #bfd2ed; }
.demo-disclosure { margin: 16px 0 0; color: #526174; font-size: 14px; line-height: 1.6; }
.demo-return { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 28px; padding: 24px 0 0; border-top: 1px solid #d8e1ec; }
.demo-return p { flex-basis: 100%; margin: 0; line-height: 1.6; color: #43546a; }
.demo-return > a:not(.button) { color: #1d5fd1; text-underline-offset: 3px; }
.table-scroll { overflow-x: auto; max-width: 100%; min-width: 0; }
.table-scroll table { display: table; min-width: 540px; }
.table-scroll th { white-space: nowrap; }
.pipeline-card { min-width: 0; }
.pipeline-card strong { overflow-wrap: anywhere; }
.csv-row span { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.result-card h3 { font-size: 28px; line-height: 1.2; }
h1 { font-size: 48px; line-height: 1.08; }
:focus-visible { outline: 3px solid #1d5fd1; outline-offset: 4px; }
button:disabled { opacity: .7; cursor: wait; }
@media (max-width: 880px) {
  h1 { font-size: 36px; }
  .metric-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .metric { padding: 12px 8px; }
  .metric span { font-size: 12px; overflow-wrap: normal; }
  .csv-head { display: none; }
  .csv-row { grid-template-columns: 1fr 1fr; }
  .csv-row span::before { display: block; font-size: 11px; color: #526174; margin-bottom: 3px; }
  .csv-row span:nth-child(1)::before { content: 'Datum'; }
  .csv-row span:nth-child(2)::before { content: 'Klant'; }
  .csv-row span:nth-child(3)::before { content: 'Categorie'; }
  .csv-row span:nth-child(4)::before { content: 'Excl. btw'; }
  .demo-return .button { width: 100%; }
}
@media (max-width: 520px) {
  h1 { font-size: 33px; }
  .file-card strong { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}