.day-timeline{position:relative;margin-top:12px;border-top:1px solid var(--line,#ddd);height:min(650px,70vh);overflow:auto;contain:content}.day-timeline [hidden]{display:none!important}.timeline-hour{display:grid;grid-template-columns:76px 1fr;min-height:var(--slot-height,60px);border-bottom:1px solid var(--line,#ddd)}.timeline-label{font-size:12px;color:var(--muted,#777);padding:8px 10px 0 0;text-align:right}.timeline-slot{position:relative;border-left:1px solid var(--line,#ddd);min-width:0}.timeline-task{position:absolute;left:8px;right:8px;z-index:2;border-radius:9px;padding:6px 10px;background:var(--accent,#658577);color:white;overflow:hidden;font-size:13px;box-shadow:0 2px 7px #0001}.timeline-task small{display:block;opacity:.9}.timeline-empty{padding:18px;text-align:center;color:var(--muted,#777)}

/* Keep each scheduled task as one continuous block across the day timeline. */
.day-timeline{height:min(650px,70vh);overflow:auto;position:relative;contain:layout paint;}
.timeline-canvas{position:relative;min-width:240px;margin-left:76px;border-left:1px solid var(--line,#ddd);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--timeline-slot,60px) - 1px),var(--line,#ddd) calc(var(--timeline-slot,60px) - 1px),var(--line,#ddd) var(--timeline-slot,60px));}
.timeline-gridline{position:absolute;left:-76px;right:0;height:1px;border-top:1px solid var(--line,#ddd);pointer-events:none;}
.timeline-gridline span{position:absolute;left:0;top:0;width:66px;transform:translateY(-50%);padding-right:10px;text-align:right;font-size:12px;color:var(--muted,#777);background:var(--panel,var(--surface,#fff));}
.timeline-events{position:absolute;inset:0 0 0 0;pointer-events:none;}
.timeline-task{left:8px;right:8px;min-height:26px;box-sizing:border-box;pointer-events:auto;white-space:normal;}
.timeline-task strong{display:block;overflow-wrap:anywhere;line-height:1.25;}
.timeline-task small{font-size:11px;line-height:1.25;overflow-wrap:anywhere;}
.task-time-pill{font-variant-numeric:tabular-nums;}