/* Calendar controls stay in the same compact status card. */
.activity-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px}
.activity-controls label{font-size:13px;color:#a8c0d1}
#activityPeriod{font-size:13px;line-height:1.2;padding:5px 7px;border-radius:7px;width:105px;min-width:0;cursor:pointer;background:#0c1d30;color:#e8dbaf}
.today-panel #chart{height:35px;gap:4px;margin-top:6px}
#chart .chart-day{position:relative;padding:0;background:transparent;border-radius:3px;color:#a9bfcc;gap:3px;font-weight:400;justify-content:flex-end;transition:none}
#chart .chart-day:active{transform:none}
#chart .chart-day .bar{background:#365b68;border:1px solid #80b8c31a;border-radius:3px 3px 1px 1px;flex-shrink:0}
#chart .chart-day.current .bar{background:#739d72}
#chart .chart-day[aria-pressed=true] .bar{background:var(--accent);border-color:#fff6}
#chart .chart-day small{font-size:10px;line-height:1;white-space:nowrap}
#chart .chart-day[aria-pressed=true] small{color:#efdda4}
#activityDetail{display:flex;flex-direction:column;gap:2px;margin-top:7px;min-height:32px;font-size:12px;line-height:1.2;color:#bdd2df;overflow-wrap:anywhere}
#activityRange{font-size:11px;color:#8faabd}
@media(min-width:821px) and(max-height:750px){.today-panel{padding-top:10px;padding-bottom:10px}.today-panel .section-heading{margin-bottom:7px}.activity-controls{margin-top:7px}.today-panel #chart{height:29px}#activityDetail{margin-top:5px;min-height:29px}}
@media(max-width:560px){.activity-controls{gap:4px;margin-top:8px}.activity-controls label{font-size:11px}#activityPeriod{font-size:11px;padding:5px 3px;width:73px}.today-panel #chart{gap:3px;height:32px}#chart .chart-day small{font-size:9px}#activityDetail{font-size:11px;min-height:30px}#activityRange{font-size:10px}}