/* dashboard.css — domein-dashboards (02-08, akkoord Michiel).
   Eén stramien voor Relaties · Verkoop · Uitvoering: KPI-strip,
   werkvoorraad-kaart met doorklik, één diagram (staafgroei-norm via de
   balk-klassen), signalen. Alleen tokens — geen losse literals. */
.dash-wortel { max-width: 1240px; margin: 0 auto; padding: 26px 32px 72px; display: flex; flex-direction: column; gap: 16px; }
.dash-h1 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; margin: 2px 0 0; }
.dash-raster { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.dash-zij { display: flex; flex-direction: column; gap: 14px; }
.dash-lijst, .dash-diagram, .dash-signalen { padding: 14px 18px; display: flex; flex-direction: column; }
.dash-kaartkop { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.dash-open { border: 0; background: none; padding: 0; font: inherit; font-size: .7rem; font-weight: 700;
  color: var(--c-groen-d); cursor: pointer; white-space: nowrap; }
.dash-open:hover { text-decoration: underline; }
.dash-rij { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 2px;
  border-top: var(--lijndikte) solid var(--c-lijn); font-size: .78rem; color: var(--c-ink);
  border-left: 0; border-right: 0; border-bottom: 0; background: none; width: 100%;
  text-align: left; font-family: inherit; cursor: pointer; text-decoration: none; }
.dash-rij:hover { background: var(--c-paneel); }
.dash-rij .chip { flex-shrink: 0; }
.dash-ref { color: var(--c-groen-d); font-weight: 700; font-size: .7rem; }
.dash-leeg { font-size: .78rem; color: var(--c-ink-3); margin: 8px 0 0; }
.dash-balken { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.dash-balkrij { display: grid; grid-template-columns: 118px 1fr 44px; gap: 10px; align-items: center; font-size: .72rem; }
.dash-balklbl { color: var(--c-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-baan { display: block; height: 10px; border-radius: var(--radius-pill); background: var(--c-paneel); overflow: hidden; }
.dash-balk { display: block; height: 100%; border-radius: var(--radius-pill); background: var(--c-sage); }
.dash-balkrij b { text-align: right; font-size: .7rem; }
.dash-signalen { gap: 2px; }
.dash-signaal { font-size: .74rem; color: var(--c-ink-2); padding: 6px 2px; border: 0; background: none;
  text-align: left; font-family: inherit; width: 100%; }
.dash-signaal.is-warm { color: var(--c-amber); font-weight: 600; }
button.dash-signaal { cursor: pointer; color: var(--c-groen-d); }
button.dash-signaal:hover { text-decoration: underline; }
@media (max-width: 1000px) { .dash-raster { grid-template-columns: 1fr; } }