body { background: #f8f9fa; }
.table td, .table th { vertical-align: middle; }

/* календарь */
.calendar-table td.cal-cell {
  height: 110px;
  width: 14.28%;
  padding: 4px;
  vertical-align: top;
  background: #fff;
}
.calendar-table td.cal-empty { background: #f1f3f5; }
.calendar-table td.cal-today { background: #fff8e1; box-shadow: inset 0 0 0 2px #ffc107; }
.cal-day { font-weight: 600; color: #495057; margin-bottom: 4px; font-size: 0.9rem; }
.cal-event {
  font-size: 0.72rem;
  line-height: 1.15;
  padding: 2px 4px;
  margin-bottom: 2px;
  border-radius: 3px;
  background: #e7f1ff;
  color: #084298;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-event:hover { background: #cfe2ff; }

/* календарь — базовые стили */
.calendar-table td.cal-cell {
  height: 130px;
  width: 14.28%;
  padding: 4px;
  vertical-align: top;
  background: #fff;
}
.calendar-table td.cal-empty { background: #f1f3f5; }
.calendar-table td.cal-today { background: #fff8e1; box-shadow: inset 0 0 0 2px #ffc107; }
.cal-day { font-weight: 600; color: #495057; margin-bottom: 4px; font-size: 0.9rem; }
.cal-add {
  text-decoration: none;
  color: #adb5bd;
  font-weight: bold;
  padding: 0 4px;
}
.cal-add:hover { color: #0d6efd; }

.cal-event {
  font-size: 0.72rem;
  line-height: 1.2;
  padding: 3px 5px;
  margin-bottom: 3px;
  border-radius: 4px;
  overflow: hidden;
}
.cal-link {
  color: inherit;
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-link:hover { text-decoration: underline; }

/* состоявшиеся — синие */
.cal-done {
  background: #e7f1ff;
  color: #084298;
  display: block;
  text-decoration: none;
}
.cal-done:hover { background: #cfe2ff; }

/* запланированные — жёлтые */
.cal-planned {
  background: #fff3cd;
  color: #664d03;
  border-left: 3px solid #ffc107;
}
.cal-actions {
  margin-top: 2px;
  display: flex;
  gap: 2px;
}
.cal-actions .btn-link { color: #664d03; text-decoration: none; }
.cal-actions .btn-link:hover { color: #000; }