.planning-week { display: grid; gap: 1rem; grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr); }
.planning-week > h2 { grid-column: 1 / -1; }
.planning-board { display: grid; gap: 1rem; grid-template-columns: minmax(16rem, .8fr) minmax(20rem, 1.2fr); min-width: 0; }
.planning-board > section { min-width: 0; }
.planning-task-list, .planning-week aside ul { display: grid; gap: .75rem; list-style: none; margin: 0; padding: 0; }
.planning-task { align-items: center; border: 1px solid var(--border-color, #ccd2d8); border-radius: .5rem; display: flex; gap: 1rem; justify-content: space-between; padding: .875rem; }
.planning-task div, .planning-week aside li { display: grid; gap: .25rem; }
.planning-backlog { background: var(--surface-subtle, #f6f8fa); border-radius: .75rem; padding: 1rem; }
.planning-empty { color: var(--text-muted, #59636e); }
.planning-task--geblokkeerd { border-inline-start: .35rem solid #b42318; }
.planning-week meter { inline-size: 100%; }
@media (max-width: 64rem) { .planning-board { grid-template-columns: 1fr; } }
@media (max-width: 48rem) { .planning-week { grid-template-columns: 1fr; } .planning-week > h2 { grid-column: auto; } .planning-task { align-items: stretch; flex-direction: column; } .planning-task a { min-block-size: 2.75rem; } }
@media print {
  @page { margin: 12mm; }
  .planning-week { color: #000; display: block; font-size: 10pt; }
  .planning-week > h2, .planning-board > section, .planning-week > aside { break-inside: avoid; margin-block-end: 8mm; }
  .planning-board { display: block; }
  .planning-backlog { background: transparent; border: 1px solid #777; }
  .planning-task { border-color: #777; break-inside: avoid; page-break-inside: avoid; }
  .planning-task a { color: #000; text-decoration: none; }
  .planning-week meter { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .planning-filters, .planning-actions, [data-planning-print-hidden], .planning-week button { display: none !important; }
}