/* Bestellys (20-10). Alleen tokens uit styles.css; zelfde kaarten en knoppen als de rest (card, cc-a, badge). */
.bl-who { display: flex; align-items: center; gap: 8px; margin: -6px 0 12px; }
.bl-link { border: 0; background: none; padding: 4px 6px; color: var(--green); font-weight: 600; font-size: 14px; cursor: pointer; }
.bl-office { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 8px; }
.bl-office .btn { min-height: 44px; padding: 10px 12px; }
.bl-office .btn:only-child { grid-column: 1 / -1; }
.bl-row { padding: 14px 16px; }
.bl-row .cc-a { margin-top: 10px; }
.bl-row .bl-x { font-size: 22px; line-height: 1; padding: 0 14px; }
.bl-q { font-weight: 700; font-size: 17px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.bl-urgent { border-color: var(--low); }
.bl-done { background: var(--surf-2); border-color: transparent; }
.bl-done b { color: var(--ink-2); }
.bl-check { display: flex; align-items: center; gap: 10px; font-weight: 600; margin-top: 16px; cursor: pointer; }
.bl-check input { width: 22px; min-height: 22px; height: 22px; margin: 0; accent-color: var(--green); }
.cc .bl-u { color: var(--low); font-weight: 700; font-size: 12px; }
h3 .muted { font-weight: 600; font-size: 14px; }