/* ============================================================
   C-ERP Platform · Zo wordt hij geboekt (01-10)
   Compact, alleen-lezen boekingsvoorstel in het factuurdetail.
   Bouwt op .fi-blok / .fi-velden uit fiattering.css; prefix bk-.
   ============================================================ */

.bk .fi-blok__kop { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

.bk-koppeling {
  display: flex; gap: 8px; align-items: flex-start;
  margin: 6px 0 10px; padding: 8px 10px;
  border-radius: var(--radius-sm, 6px);
  background: var(--warn-soft, rgba(201, 134, 0, 0.1));
  color: var(--text, inherit);
  font-size: 12.5px; line-height: 1.45;
}
.bk-koppeling svg { flex: none; margin-top: 2px; color: var(--warn, #b7791f); }

.bk-voorstel {
  margin-top: 10px; padding: 10px 12px;
  border: 1px solid var(--border, rgba(0, 0, 0, 0.12));
  border-radius: var(--radius-sm, 6px);
  background: var(--surface-2, rgba(0, 0, 0, 0.02));
}
.bk-voorstel.is-voorlopig { border-style: dashed; }
/* Afgekeurd in de fiattering: wordt niet geboekt; dezelfde signaalkleur als de pil. */
.bk-voorstel.is-afgekeurd { border-color: color-mix(in srgb, var(--signal) 35%, transparent); }
.bk-voorstel__kop { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; font-size: 13px; }

.bk-velden dd { display: flex; flex-direction: column; gap: 2px; }
.bk-velden dd i { font-style: normal; color: var(--text-2, #5b6770); font-size: 12px; }
.bk-velden .bk-geld { font-variant-numeric: tabular-nums; }

.bk-punten { margin: 8px 0 0; padding: 0; list-style: none; font-size: 12px; color: var(--text-2, #5b6770); }
.bk-punten li { display: flex; gap: 6px; align-items: flex-start; margin: 3px 0; }
.bk-punten svg { flex: none; margin-top: 2px; color: var(--warn, #b7791f); }

.bk-voet { margin-top: 10px; }