.capacity-aware-planner { margin-top: 1.5rem; }
.capacity-aware-help { max-width: 70ch; color: var(--muted); }
.capacity-aware-weekdays { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 10px 0; }
.capacity-aware-weekdays label { display: inline-flex; gap: 5px; align-items: center; }
.capacity-aware-tasks { display: grid; gap: 10px; margin: 14px 0; }
.capacity-aware-task { display: grid; grid-template-columns: minmax(10rem, 1.4fr) minmax(6rem, .8fr) minmax(5.5rem, .7fr) minmax(7rem, .8fr) minmax(8rem, 1fr) auto; gap: 8px; align-items: end; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-muted); }
.capacity-aware-task .field { min-width: 0; }
.capacity-aware-task .button { margin: 0; }
.capacity-aware-holidays { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
.capacity-aware-holiday-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; color: var(--muted); font-size: .88rem; }
.capacity-aware-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.capacity-aware-actions .button { margin: 0; }
.capacity-aware-result { margin-top: 16px; }
.capacity-aware-result[hidden] { display: none; }
.capacity-aware-result table { min-width: 760px; }
@media (max-width: 760px) {
  .capacity-aware-task { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .capacity-aware-task .field:first-child { grid-column: 1 / -1; }
  .capacity-aware-task .button { width: 100%; }
}