/* doorzet.css — de fase Doorzetten (bouwspec Offertes isolatie §5).
   Links de lijst met wat er wacht, rechts wat eruit komt. De opmaak blijft
   kaal: op dit scherm doet maar één knop er echt toe. Alleen tokens. */
.dz-wortel { max-width: 1240px; margin: 0 auto; width: 100%; padding: 26px 32px 72px;
  display: flex; flex-direction: column; gap: 14px; }
.dz-kop { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.dz-h1 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; margin: 2px 0 0; }
.dz-rek { flex: 1; }
.dz-oudste { font-size: .74rem; color: var(--c-ink-3); font-weight: 700; }
.dz-oudste.is-let { color: var(--c-amber); }
.dz-let { font-size: .72rem; color: var(--c-ink-3); font-style: italic; margin: 0; line-height: 1.6; }
.dz-let a { color: var(--c-groen-d); }
.dz-rs { font-style: normal; }

/* twee kolommen: de lijst en het splitsvoorstel */
.dz-twee { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1080px) { .dz-twee { grid-template-columns: minmax(0, 1fr); } }
.dz-kolL, .dz-kolR { min-width: 0; }

.dz-lijst { display: flex; flex-direction: column; gap: 8px; }
.dz-kaart { display: flex; flex-direction: column; gap: 3px; text-align: left; width: 100%;
  background: #fff; border: var(--lijndikte) solid var(--c-lijn); border-left: 3px solid var(--c-groen);
  border-radius: var(--radius); padding: 11px 13px; cursor: pointer; font-family: inherit;
  box-shadow: var(--schaduw-tegel); transition: border-color 160ms ease, background 160ms ease; }
.dz-kaart.is-voorbehoud { border-left-color: var(--c-amber); }
.dz-kaart.is-gekozen { background: var(--c-groen-t); border-color: var(--c-groen); }
.dz-kaart:hover { border-color: var(--c-groen); }
.dz-kr1 { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: .86rem; }
.dz-stand { font-size: .56rem; font-weight: 700; letter-spacing: .07em; color: var(--c-ink-3); white-space: nowrap; }
.dz-kaart.is-voorbehoud .dz-stand { color: var(--c-amber); }
.dz-ks { font-size: .7rem; color: var(--c-ink-3); }
.dz-leeg { background: #fff; border: var(--lijndikte) solid var(--c-lijn); border-radius: var(--radius);
  padding: 22px 18px; text-align: center; font-size: .86rem; font-weight: 700; color: var(--c-groen-d); }
.dz-leeg span { display: block; margin-top: 5px; font-size: .72rem; font-weight: 400; color: var(--c-ink-3); }

/* het dagstart-signaal (besluit 14) */
.dz-dagstart { background: var(--c-paneel); border: var(--lijndikte) solid var(--c-lijn);
  border-radius: var(--radius); padding: 13px 15px; display: flex; flex-direction: column; gap: 8px; }
.dz-dskop { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  font-size: .66rem; color: var(--c-ink-3); }
.dz-dstegel { display: flex; align-items: center; gap: 14px; }
.dz-cijfer { font-size: 2rem; font-weight: 800; line-height: 1; color: var(--c-amber); }
.dz-cijfer.is-goed { color: var(--c-groen-d); }
.dz-dstekst { font-size: .78rem; line-height: 1.55; color: var(--c-ink-2); }
.dz-dstekst b { color: var(--c-ink); }

/* het splitsvoorstel */
.dz-detail { display: flex; flex-direction: column; gap: 11px; }
.dz-h2 { margin: 4px 0 0; font-size: 1.05rem; font-weight: 800; letter-spacing: -.01em; }
.dz-nr { font-size: .76rem; color: var(--c-ink-3); font-weight: 600; }
.dz-sub { margin: 0; font-size: .74rem; color: var(--c-ink-2); line-height: 1.6; }
.dz-voorbehoud { background: var(--c-amber-t); border: var(--lijndikte) solid var(--c-amber);
  border-radius: var(--radius); padding: 10px 13px; font-size: .76rem; line-height: 1.6; color: var(--c-ink-2); }
.dz-opk { background: #fff; border: var(--lijndikte) solid var(--c-lijn); border-radius: var(--radius);
  padding: 12px 14px; box-shadow: var(--schaduw-tegel); }
.dz-opkop { display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  font-size: .88rem; padding-bottom: 8px; border-bottom: var(--lijndikte) solid var(--c-lijn); }
.dz-opkop span { font-size: .66rem; color: var(--c-ink-3); }
.dz-oprooster { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; padding-top: 9px; }
.dz-oprooster span { display: block; font-size: .6rem; text-transform: uppercase; letter-spacing: .06em;
  color: var(--c-ink-3); margin-bottom: 2px; }
.dz-oprooster b { font-size: .8rem; }
.dz-koppel { display: flex; gap: 9px; align-items: flex-start; font-size: .78rem; font-weight: 700; }
.dz-koppel input { width: 17px; height: 17px; accent-color: var(--c-groen); margin-top: 1px; flex: 0 0 auto; }
.dz-koppel i { display: block; font-weight: 400; font-style: normal; color: var(--c-ink-3); font-size: .7rem; }
.dz-acties { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.dz-slot { font-size: .74rem; font-weight: 700; color: var(--c-amber); }
.dz-gedaan { background: var(--c-groen-t); border: var(--lijndikte) solid var(--c-groen);
  border-radius: var(--radius); padding: 10px 13px; font-size: .78rem; line-height: 1.6; color: var(--c-groen-d); }
.dz-gedaan a { color: var(--c-groen-d); }