/* Styles for js/views/calendar.js */
.month-chips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0; scrollbar-width: none; }
.month-chips::-webkit-scrollbar { display: none; }
.month-chip {
  flex: none; cursor: pointer; font-weight: 600; font-size: .92rem; padding: 8px 14px; border-radius: 999px; color: var(--ink);
  background: color-mix(in srgb, var(--tint) 10%, transparent); border: 1px solid color-mix(in srgb, var(--tint) 30%, transparent);
}
.month-chip.on { background: var(--tint); border-color: var(--tint); color: #fff; }
.lawn-select { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; }
.lawn-select select { width: auto; flex: 0 1 220px; padding: 8px 10px; }
.lawn-select .caption { margin-left: auto; }
.cal-task { display: flex; flex-direction: column; gap: 3px; }
.cal-task.sep { border-top: 1px solid var(--line); padding-top: 10px; }
.cal-task-title { font-weight: 600; font-size: .95rem; }
.cal-guide { font-size: .8rem; font-weight: 600; }
.accent-card h3 { color: var(--ink); }