/* Dossierstand en terugblik (data/dossierstand.js). Kleuren uit tokens.css. */
.ds { display: grid; gap: 8px; margin: 10px 0; min-width: 0; grid-template-columns: minmax(0, 1fr); }
.ds-fasen { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
@media (min-width: 640px) { .ds-fasen { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ds-fasen li { font-size: 12px; padding: 6px 4px 0; border-top: 4px solid #DCE3EA; color: var(--hint); }
.ds-fasen li.af { border-color: var(--lime); color: var(--muted); }
.ds-fasen li.nu { border-color: var(--blue); color: var(--navy); font-weight: 600; }
.ds-aan { margin: 0; padding: 8px 12px; border-left: 4px solid var(--blue); background: #EEF3F7; border-radius: 0 10px 10px 0; font-size: 13px; color: var(--navy); }
.ds-aan.ds-stop { border-color: var(--silver); }
.ds-mist { margin: 0; font-size: 12px; color: var(--muted); }
.ds-cijfers { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; }
.ds-cijfers div { display: grid; gap: 0; }
.ds-cijfers dt { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--hint); font-weight: 600; }
.ds-cijfers dd { margin: 0; font-family: var(--font-mono, ui-monospace, monospace); font-variant-numeric: tabular-nums; font-size: 13px; color: var(--navy); }
.ds-leeg { color: var(--hint); font-family: inherit; font-style: italic; }
.ds-tabel { overflow-x: auto; }
.ds-terug { border-collapse: collapse; width: 100%; font-size: 13px; }
.ds-terug th, .ds-terug td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #DCE3EA; }
.ds-terug th { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--hint); }
.ds-terug .getal { text-align: right; font-family: var(--font-mono, ui-monospace, monospace); font-variant-numeric: tabular-nums; }
.ds-bron { font-size: 11px; color: var(--hint); margin: 4px 0 0; }