/* Presentation only. The timeline retains a full 00:00–24:00 coordinate system. */
#dayViewWrap{flex-direction:column;min-height:0}
#dayViewWrap>.day-grid{flex:1;min-height:0}
#dgTimelineInner .dg-hour-cell,#dgTimelineInner .dg-col{width:var(--pp-hour-width,80px);flex-basis:var(--pp-hour-width,80px)}
.pp-day-scale{display:flex;align-items:center;gap:5px;min-height:40px;padding:5px 12px;border-bottom:1px solid #E2E8F0;background:#fff;flex:0 0 auto;color:#526078;font:500 12px/1.3 var(--ff)}
.pp-day-scale>span:first-child{margin-right:auto;font-variant-numeric:tabular-nums}
.pp-day-scale button{border:1px solid #DCE3EE;background:#fff;color:#43516A;border-radius:6px;min-height:30px;padding:4px 10px;font:600 12px var(--ff);cursor:pointer;white-space:nowrap}
.pp-day-scale button:hover{background:#F3F6FC}
.pp-day-scale button[aria-pressed=true]{background:#EAF0FF;border-color:#BFCDF1;color:#344BB5}
.pp-day-zoom-buttons{display:flex;gap:3px;margin-left:3px}
.pp-day-zoom-buttons button{font-size:17px;min-width:32px;padding:2px 7px;line-height:1}
body.pp-planning-sidebar #dayViewWrap .dg-shift{--pp-grip-width:24px;padding:2px 52px 2px 28px!important;box-shadow:0 1px 3px #17203318}
body.pp-planning-sidebar #dayViewWrap .dg-resize-l,body.pp-planning-sidebar #dayViewWrap .dg-resize-r{width:var(--pp-grip-width);min-width:var(--pp-grip-width)}
body.pp-planning-sidebar #dayViewWrap .dg-shift-del{right:27px}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=compact]{--pp-grip-width:20px;padding:2px 24px!important}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=compact] .dg-shift-del,body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=tiny] .dg-shift-del{display:none}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=compact] .dg-shift-hrs{display:none}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=tiny]{--pp-grip-width:min(18px,25%);padding:2px 4px!important}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=tiny] .dg-shift-inner{pointer-events:none}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=tiny] .dg-shift-time{font-size:10px;white-space:normal;line-height:1.1;text-align:center;overflow-wrap:anywhere}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=tiny] .dg-shift-role,body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-density=tiny] .dg-shift-hrs{display:none}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-absence=true]{padding:2px 10px!important;cursor:pointer}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-absence=true] .dg-shift-inner{position:relative;overflow:hidden;flex:0 0 auto}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-absence=true] .dg-shift-time{font-size:12px;white-space:nowrap;text-align:left}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-absence=true] .dg-shift-hrs{display:block}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-absence=true] .dg-shift-del{right:5px}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-segment="2"]{padding-right:10px!important;padding-left:10px!important;cursor:pointer}
body.pp-planning-sidebar #dayViewWrap .dg-shift[data-day-segment="2"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pp-service-accent,#4F63E7)}
#monthViewWrap .pp-month-caption{display:flex;align-items:center;gap:12px;min-height:37px;padding:7px 12px;background:#F8FAFD;border-bottom:1px solid #E2E8F0;flex:0 0 auto}
#monthViewWrap .pp-month-caption .month-title{font-size:13px;font-weight:650}
#monthViewWrap .pp-month-caption>span:last-child{font-size:11px;color:#64748B;margin-left:auto}
#monthViewWrap .pp-month-service{display:flex;flex-direction:column;gap:1px;flex:0 0 auto;min-height:27px;padding:3px 5px!important;line-height:1.15!important;border-radius:4px!important}
.pp-month-service-label,.pp-month-service-time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-month-service-label{font-size:10px;font-weight:650}
.pp-month-service-time{font-size:10px;font-variant-numeric:tabular-nums;opacity:.9}
body.pp-planning-sidebar .pp-month-service.pp-service-tile{border-left-width:3px}
@media(max-width:700px){
 .pp-day-scale{padding:5px 8px;font-size:10px;gap:3px;flex-wrap:wrap}
 .pp-day-scale>span:first-child{flex:1;min-width:75px}
 .pp-day-scale button{font-size:11px;padding:4px 7px}
 #monthViewWrap .pp-month-caption>span:last-child{display:none}
 #view-planning.pp-agenda-mode #ppDayHelp,#view-planning.pp-agenda-mode #ppDayScale{display:none!important}
}

/* The common header keeps month navigation available without a second toolbar. */
#monthNavBar{align-items:center;gap:5px;min-width:0;flex-shrink:0}
#monthNavBar .day-lbl{font-size:13px;min-width:115px;text-align:center;font-weight:650;white-space:nowrap}
#monthNavBar .month-nav-btn{width:30px;height:30px;flex-shrink:0}
body:not([data-pp-workspace-view=planning]) #monthNavBar{display:none!important}
#monthViewWrap .pp-month-caption #monthTitle{display:none}
#monthViewWrap .pp-month-caption>span:last-child{margin-left:0}
@media(max-width:700px){.topbar #monthNavBar{grid-column:2;grid-row:1;justify-content:center;width:100%;gap:3px}.topbar #monthNavBar .day-lbl{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar #monthNavBar .month-nav-btn{width:26px;height:28px}.topbar #monthNavBar~.spacer{display:none}#monthViewWrap .pp-month-caption{display:none}}