.wb-bng-koppen { display: flex; justify-content: flex-end; gap: 14px; padding-top: 13px;
    color: var(--wb-text-muted, #777d87); font: 600 var(--wb-fs-label)/1 "Inter Tight", sans-serif; }
  .wb-bng-koppen span { width: 44px; text-align: center; }
  .wb-bng-rij { display: flex; align-items: center; justify-content: space-between; gap: 12px;
    border: 1px solid var(--wb-border, #2a2d31); background: var(--wb-surface-2, #131315);
    border-radius: 10px; padding: 11px 14px; margin-top: 10px; }
  .wb-bng-kw { color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.4 "Inter Tight", sans-serif; min-width: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .wb-bng-posities { display: inline-flex; gap: 14px; flex-shrink: 0; }
  .wb-bng-pil { display: inline-flex; align-items: center; justify-content: center; width: 44px; padding: 5px 0;
    border-radius: 8px; background: var(--wb-surface-4, #1c1e20); color: var(--wb-text-muted, #777d87);
    font: 600 var(--wb-fs-label)/1 "Roboto Mono", "Inter Tight", monospace; transition: background .4s, color .4s; }
  .wb-bng-beter { background: var(--wb-positief, #07a721); color: var(--wb-canvas, #000); }