/* Calendar page scoped chip shape only (no colors here) */
.cal-task{
  padding:2px 6px;
  border-radius:6px;
  font-size:0.8rem;
}

/* ===== Calendar layout polish ===== */

/* Give day cells a consistent minimum height; auto grows if content is tall */
.cal-grid{
  grid-auto-rows: minmax(110px, auto);
}

/* Keep day numbers readable; make them a bit more distinct in busy cells */
.cal-day{
  display:inline-block;
  padding:2px 6px;
  border-radius:6px;
}

/* Selected day (from mini-cal deeplink) */
.cal-cell.cal-selected{
  outline: 2px solid color-mix(in oklab, var(--accent, #3a74ff) 55%, transparent);
  outline-offset: -2px;
  background: color-mix(in oklab, var(--accent, #3a74ff) 6%, transparent);
}

/* Task list inside a day: scroll if too long (keeps grid balanced) */
.cal-tasks{
  margin-top:6px;
  display:flex; flex-direction:column; gap:3px;
  max-height: 72px;            /* tweak per design */
  overflow: auto;
  scrollbar-width: thin;
}

/* Denser tasks, still readable */
.cal-task{
  padding:3px 6px;
  border-radius:6px;
  font-size:.78rem;
}

/* Optional: sticky DOW header if the grid scrolls (wrap calendar in a container) */
.cal-header{
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--card, var(--surface));
  padding-block: 8px;
}

/* Responsive: tighten gaps on small screens */
@media (max-width: 720px){
  .cal-grid{ gap:6px; }
  .cal-cell{ padding:6px; min-height:90px; }
  .cal-task{ font-size:.74rem; }
}