/* ============================================================
   Kalender-Ansicht
   ============================================================ */

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  background: var(--paper-line);
  border: 1px solid var(--paper-line);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.calendar-weekday {
  background: var(--pen-blue-light);
  color: var(--pen-blue);
  font-weight: 700;
  font-size: var(--text-xs);
  text-transform: uppercase;
  text-align: center;
  padding: var(--space-2);
}

.calendar-cell {
  background: var(--paper);
  min-height: 84px;
  padding: var(--space-1);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.calendar-cell-empty {
  background: var(--paper);
  opacity: 0.4;
}

.calendar-cell-today {
  background: var(--gold-light);
}

.calendar-daynum {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--ink-soft);
  font-weight: 600;
}

.calendar-event {
  font-size: 10px;
  color: white;
  padding: 1px 4px;
  border-radius: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

@media (max-width: 780px) {
  .calendar-cell { min-height: 56px; }
  .calendar-weekday { padding: var(--space-1); font-size: 10px; }
}