.timeline-view{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);padding:10px 12px;gap:10px 16px;min-width:0;min-height:0;background:var(--color-paper)}
.timeline-toolbar,.timeline-controls,.timeline-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.timeline-toolbar{display:contents}.timeline-toolbar>div:first-child{grid-column:1;grid-row:1;align-self:center}.timeline-toolbar h2{font-size:16px;font-weight:600;white-space:nowrap}.timeline-toolbar p{display:none}.timeline-controls{grid-column:3;grid-row:1;justify-content:flex-end}.timeline-filters{grid-column:2;grid-row:1;align-self:center}
.timeline-controls input{border:1px solid var(--color-line);padding:8px;border-radius:8px;background:white;color:var(--color-ink)}
.timeline-filters>span{margin-left:auto;color:var(--color-muted);font-size:12px}
.timeline-scroll{grid-column:1/-1;grid-row:2;min-height:0;overflow:auto;border:1px solid var(--color-line);border-radius:14px;background:white}
.timeline-grid{min-width:calc(190px + 28 * 140px)}
.timeline-dates,.timeline-person-row{display:grid;grid-template-columns:190px repeat(28,140px);align-items:stretch}
.timeline-dates{position:sticky;top:0;z-index:3;background:white}
.timeline-person{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:10px;padding:16px;background:white;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.timeline-person strong{font-size:13px}.timeline-person small{display:block;color:var(--color-muted);font-size:11px;margin-top:5px}.timeline-person>span:last-child{margin-left:auto;color:var(--color-muted);font-size:12px}
.timeline-day{text-align:center;padding:12px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-size:12px}.timeline-day small{display:block;color:var(--color-muted);margin-top:5px}.timeline-day.weekend{color:var(--color-muted)}
.timeline-cell{min-height:84px;padding:10px 7px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.timeline-view .is-today{background:var(--color-health-soft)}
.timeline-task{border:0;background:var(--color-health-soft);color:var(--color-ink);padding:10px;border-radius:8px;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5;min-height:36px}
.timeline-task:hover{box-shadow:0 0 0 1px var(--color-brand)}.timeline-task.overdue{background:var(--color-warning-soft);color:var(--color-warning)}
.timeline-undated{grid-column:1/-1;grid-row:3;max-height:22vh;overflow:auto;font-size:13px}.timeline-undated summary{cursor:pointer;padding:8px 0;color:var(--color-muted)}.timeline-undated summary b{margin-left:8px}.timeline-undated-row{display:flex;gap:16px;align-items:center;padding:8px 0}.timeline-undated-row>strong{min-width:110px}.timeline-undated-row>div{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:1100px){.timeline-filters{display:none}}
@media(max-width:700px){.timeline-view{padding:8px;gap:8px;grid-template-columns:1fr auto;grid-template-rows:auto minmax(0,1fr)}.timeline-controls{grid-column:2}.timeline-view>.timeline-scroll,.timeline-view>.calendar-scroll{grid-row:2}.timeline-undated{grid-row:3}.timeline-controls{gap:4px}.timeline-controls input{max-width:130px}.timeline-toolbar h2{font-size:14px}}
/* Schedule views share one separate header control. */
.schedule-switch{margin-left:8px}
.calendar-scroll{grid-column:1/-1;grid-row:2;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface)}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}
.calendar-weekdays{position:sticky;top:0;z-index:1;background:var(--color-surface);border-bottom:1px solid var(--color-line)}
.calendar-weekdays>div{padding:8px;text-align:center;font-size:12px;color:var(--color-muted)}
.calendar-day{min-height:0;overflow:hidden;padding:6px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);min-width:0}
.calendar-day:nth-child(7n){border-right:0}.calendar-day time{font-size:12px;color:var(--color-muted);margin-bottom:4px}.calendar-day.is-today time{color:var(--color-brand);font-weight:600}
.calendar-day.outside-month{background:var(--color-paper)}.calendar-day.outside-month time{opacity:.55}
.calendar-task{width:100%;min-width:0;flex-shrink:0;white-space:nowrap;overflow:hidden}
.calendar-task:hover{box-shadow:inset 0 0 0 1px var(--color-brand)}
.calendar-task:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}
.calendar-task>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-undated{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.calendar-undated .calendar-task{width:220px}
@media(max-width:1040px){.area-switch.schedule-switch{width:auto;margin-left:0;order:4}.schedule-switch button{flex:initial}}

.calendar-more summary{cursor:pointer;color:var(--color-muted);font-size:11px;padding:6px 2px}
.calendar-more>div{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.calendar-more[open] summary{color:var(--color-brand)}

.calendar-grid{flex:1;min-height:0}.calendar-weekdays{flex-shrink:0}
.calendar-day-tasks{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}
.calendar-day-tasks .calendar-task{height:24px;min-height:24px;padding:3px 6px;font-size:11px;line-height:18px;border-radius:4px}
.calendar-more{border:0;background:transparent;color:var(--color-muted);height:24px;min-height:24px;padding:2px;text-align:left;font-size:11px;white-space:nowrap;cursor:pointer}
.calendar-day-list{display:flex;flex-direction:column;gap:8px;margin-top:16px;max-height:65vh;overflow:auto}.calendar-day-list .btn{text-align:left;white-space:normal}
@media(max-width:700px){.calendar-day{padding:3px;gap:2px}.calendar-day time{font-size:10px;white-space:nowrap}.calendar-more{font-size:9px}.calendar-day-tasks .calendar-task{font-size:10px;padding-inline:3px}.calendar-view .timeline-controls input{max-width:108px}.calendar-view .timeline-toolbar h2{font-size:12px}}
/* Period bars overlay the day grid, so separators never cut through a task. */
.timeline-person-row{grid-template-columns:190px minmax(0,1fr)}
.timeline-tracks{display:grid;grid-template-columns:repeat(28,140px);grid-auto-rows:42px;padding:10px 0;position:relative;isolation:isolate;border-bottom:1px solid var(--color-line)}
.timeline-track-day{position:absolute;top:0;bottom:0;border-right:1px solid var(--color-line);z-index:-1}
.timeline-range-bar{align-self:center;height:34px;min-height:34px;margin-inline:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:0}
.timeline-range-bar:hover{box-shadow:inset 0 0 0 1px var(--color-brand)}
.calendar-weeks{grid-template-columns:minmax(0,1fr);gap:0}
.calendar-week{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;overflow:hidden}
.calendar-week .calendar-day{position:relative;padding:5px;gap:0}
.calendar-week-bars{position:absolute;top:27px;bottom:25px;left:0;right:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:26px;align-content:start;pointer-events:none;overflow:hidden}
.calendar-week-bars .calendar-range-bar{pointer-events:auto;align-self:start;width:auto;min-width:0;min-height:24px;height:24px;padding:3px 6px;margin:0 3px;line-height:18px;font-size:11px;border-radius:5px}
.calendar-day-more{position:absolute;bottom:0;left:4px;right:2px;overflow:hidden}
.continues-before{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.continues-after{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.timeline-range-bar:focus-visible{outline-offset:-2px}
@media(max-width:700px){.calendar-week-bars .calendar-range-bar{font-size:10px;padding-inline:3px}.calendar-week .calendar-day{padding:3px}.calendar-week-bars{top:23px}}
.calendar-week-bars .calendar-range-bar{background:var(--color-health-soft);color:var(--color-ink)}
.calendar-week-bars .calendar-range-bar.overdue{background:var(--color-warning-soft);color:var(--color-warning)}
.calendar-week .calendar-more{background:transparent}