.history-zoom-bar {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:12px 22px;background:var(--planner-bg,#fbfcfa)}
.history-zoom-controls {display:flex;align-items:center;gap:6px;flex:none}
.history-zoom-controls button {display:grid;place-items:center;min-width:40px;height:40px;padding:8px;border:0;border-radius:12px;background:#edf1ed;color:#29342f;font:inherit;cursor:pointer}
.history-zoom-controls button:disabled {opacity:.45;cursor:default}
.history-zoom-controls button:focus-visible,.history-zoom-controls input:focus-visible {outline:2px solid var(--focus);outline-offset:2px}
.history-zoom-controls button svg {width:18px;height:18px}
.history-zoom-controls [data-calendar-zoom=reset] {min-width:64px;font-size:13px;font-variant-numeric:tabular-nums}
.history-zoom-controls [data-calendar-zoom=reset]:disabled {opacity:1}
.history-zoom-controls input {width:116px;min-height:40px;accent-color:#9275c7;cursor:ew-resize;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.history-zoom-bar p {font-size:13px;color:#59685f;line-height:1.5}
.history-week-scroll,.history-month-scroll {touch-action:pan-x pan-y;overflow-anchor:none}
.history-planner .history-week-scroll {overscroll-behavior:auto}
.history-month-scroll {min-width:0;max-width:100%;max-height:760px;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#98a69e transparent}
.history-month-scroll:focus-visible {outline:2px solid var(--focus);outline-offset:-3px}
.history-month-scroll .history-calendar-board {width:var(--calendar-month-width,100%);min-width:100%;overflow-anchor:none}
.history-month-scroll .history-calendar-weekdays {position:sticky;top:0;z-index:3;background:#fbfcfa}
.history-month-scroll .history-calendar-day {min-height:var(--calendar-month-row,128px)}
.history-planner[data-zoom-density=compact] .history-week-event-person,.history-planner[data-zoom-density=compact] .history-material-stack {display:none}
.history-planner[data-zoom-density=compact] .history-week-event-product {font-size:14px;line-height:19px}
.history-planner[data-zoom-density=compact] .history-week-event-kind {display:none}
.history-planner[data-zoom-density=compact] .history-week-event-bottom {flex-direction:row-reverse}
.history-planner[data-zoom-density=compact] .history-week-event-value {display:flex;gap:6px}
html[data-theme=dark] .history-zoom-bar {background:var(--planner-bg,#121715)}
html[data-theme=dark] .history-zoom-controls button {background:#232d27;color:#e5ece6}
html[data-theme=dark] .history-zoom-bar p {color:#b4c2b9}
html[data-theme=dark] .history-month-scroll .history-calendar-weekdays {background:#121715}
@media(max-width:900px) {
 .history-month-scroll {max-height:650px}
}
@media(max-width:600px) {
 .history-zoom-bar {padding:10px 13px;gap:4px}
 .history-zoom-controls button {min-width:44px;height:44px}
 .history-zoom-controls input {width:96px}
 .history-zoom-bar p {font-size:13px}
 .history-zoom-desktop-hint {display:none}
 .history-month-scroll .history-calendar-day {min-height:var(--calendar-month-row,70px)}
 .history-calendar[data-month-detail=true] .history-calendar-events {display:grid;padding:0;gap:4px}
 .history-calendar[data-month-detail=true] .history-calendar-event {display:grid;width:100%;height:auto;min-height:40px;padding:6px;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:3px;background:var(--history-card-bg);color:var(--history-card-text)}
 .history-calendar[data-month-detail=true] .history-calendar-event time,.history-calendar[data-month-detail=true] .history-calendar-event>span,.history-calendar[data-month-detail=true] .history-calendar-event>small {display:block;font-size:13px}
 .history-calendar[data-month-detail=true] .history-calendar-event>small {color:var(--history-card-muted)}
}