/* Flow charts ("Verlauf" tab, flow-charts.js). Colours come from style.css tokens. */
.flow-charts { display: grid; gap: 12px; }
.flow-charts .filters { gap: 6px; }
.flow-charts .filters > .muted { min-width: 88px; font-size: 13px; }
.flow-charts .breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 14px; }
.flow-charts .breadcrumb button { padding: 2px 8px; }
.flow-chart { width: 100%; min-height: 260px; }
.flow-chart .u-legend { font-size: 12px; color: var(--muted); }
.flow-chart .u-legend .u-value { color: var(--text); font-variant-numeric: tabular-nums; }
.flow-charts tr.clickable { cursor: pointer; }
.flow-charts tr.clickable:hover, .flow-charts tr.clickable:focus { background: var(--accent-soft); outline: none; }
.flow-charts td { font-variant-numeric: tabular-nums; }