/* Calendar: months, weeks, days and activity pills. */
.month{margin-top:6px}
.month h2{padding:4px 0 6px;border-bottom:2px solid var(--line);margin-bottom:8px;text-transform:capitalize}

.wk{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:8px;background:var(--panel)}
.wk .hd{font-size:.78rem;color:var(--muted);padding:5px 10px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}

.day{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);align-items:center;min-width:0}
.day:last-child{border-bottom:0}
.day .d{font-family:var(--mono);font-size:.8rem;color:var(--muted);line-height:1.15}
.day .d b{display:block;color:var(--fg);font-size:.95rem}
.day.today{background:var(--accent-soft);box-shadow:inset 5px 0 0 var(--accent);padding-block:10px}
.day.today .d{color:var(--accent-ink)}
.day.today .d b{color:var(--accent-ink);font-size:1.15rem}
.day .today-tag{display:block;width:max-content;background:var(--accent);color:var(--panel);font-family:var(--body);font-weight:700;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:1px 5px;margin-bottom:3px}
.wk:has(.day.today){border-color:var(--accent)}
.day.target{border-top:2px dashed var(--danger)}
.day.past .d b{color:var(--muted)}
.day.past .pill{opacity:.75}

.pill{display:inline-block;border-radius:6px;padding:2px 7px;font-size:.85rem;line-height:1.3;margin:1px 4px 1px 0}
.pill.new{background:var(--new);color:var(--new-ink)} .pill.review{background:var(--review);color:var(--review-ink)}
.pill.comments{background:var(--comments);color:var(--comments-ink)} .pill.rest{background:var(--rest);color:var(--rest-ink)}
.pill.finished{background:transparent;color:var(--ok);border:1px solid var(--ok);font-weight:600}
.pill.after{opacity:.6}
.pill .tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-right:4px}
.pill small{opacity:.75;font-size:.8em}

.history-card .count{font-family:var(--body);font-weight:400;font-size:.85rem;color:var(--muted);margin-left:4px}
.history-card #history{margin-top:10px}
.day.editable{cursor:pointer}
.day.editable:hover,.day.editable:focus-visible{background:color-mix(in srgb,var(--accent-soft) 55%,transparent)}
.day.editable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.day.today.editable:hover{background:var(--accent-soft)}
.day .edit{display:inline-block;margin-left:2px;font-size:.85rem;color:var(--accent-ink)}
.pill.rest.free{border:1px dashed var(--rest-ink)}
.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}