/* ============================================================
   Календарь
   ============================================================ */

.cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  background: var(--panel);
  border-radius: var(--r-md);
  box-shadow: var(--shadow);
  padding: 14px 10px;
}
.cal-dow { text-align: center; font-size: 11.5px; color: var(--muted); font-weight: 600; padding-bottom: 8px; }
.cal-day {
  aspect-ratio: 1;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
  font-weight: 600;
  border-radius: 50%;
  color: var(--text);
  position: relative;
  border: none;
  background: none;
  margin: 0 auto;
  width: 100%;
  max-width: 38px;
}
.cal-day.empty { visibility: hidden; }
.cal-day.other-month { color: var(--muted-2); }
.cal-day.today { background: var(--pink-grad); color: #fff; font-weight: 800; box-shadow: 0 5px 12px rgba(var(--shadow-rgb), 0.3); }
.cal-day.has-event { color: var(--pink-deep); font-weight: 800; }
.cal-day.has-event::after {
  content: "";
  position: absolute;
  bottom: 3px; left: 50%;
  transform: translateX(-50%);
  width: 14px; height: 2px;
  border-radius: 2px;
  background: var(--pink-deep);
}
.cal-day.today.has-event::after { background: #fff; }