.board-scroll { overflow-x: auto; }
table.board { border-collapse: collapse; }
table.board th, table.board td { border: 1px solid #ccc; padding: 2px 6px; font-size: 12px; white-space: nowrap; }
.lane-col { position: sticky; left: 0; background: #f5f5f5; text-align: left; }
td.free { min-width: 44px; }
td.booking { color: #fff; text-align: left; }
.status-planned { background: #6c757d; }
.status-accepted { background: #0d6efd; }
.status-in_progress { background: #fd7e14; }
.status-done { background: #198754; }
table.calendar td { border: 1px solid #ccc; width: 90px; height: 60px; vertical-align: top; }
td.other-month { color: #bbb; }
td.today { outline: 2px solid #0d6efd; }
.badge { display: inline-block; background: #0d6efd; color: #fff; border-radius: 8px; padding: 0 6px; font-size: 11px; }
td.free:hover { background: #eef; cursor: pointer; }
td.booking { cursor: pointer; }
.modal-card { position: fixed; top: 15%; left: 50%; transform: translateX(-50%); background: #fff;
  border: 1px solid #888; box-shadow: 0 4px 24px rgba(0,0,0,.25); padding: 16px; z-index: 1000; }
.err { color: #b00020; font-weight: bold; }
button.danger { color: #fff; background: #b00020; }