.schedule-plan-panel{overflow:visible}.schedule-plan-panel .panel-head{margin-bottom:20px}.schedule-plan-modes{display:flex;gap:4px;border:1px solid var(--glass-border);padding:3px;border-radius:10px;background:var(--glass)}.schedule-plan-modes button{border:0;background:transparent;color:var(--text-2);padding:8px 12px;font-size:12px;border-radius:7px}.schedule-plan-modes button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft-2)}
.schedule-plan-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin-bottom:22px}.schedule-month-heading{display:flex;align-items:center;gap:8px;align-self:center;justify-self:start}.schedule-month-title{padding:5px 3px;background:transparent;color:var(--text-0);border:0;border-radius:6px;font-size:20px;font-weight:650;letter-spacing:-.3px}.schedule-month-title span{display:inline-block;color:var(--text-3);font-size:18px;margin-left:5px}.schedule-month-arrow{background:transparent;border:1px solid var(--glass-border);color:var(--text-2);width:29px;height:30px;padding:0;font-size:24px;font-weight:400;line-height:1}.schedule-location-label{display:grid;gap:2px;align-self:center;justify-self:center;text-align:center;color:var(--text-0)}.schedule-location-label strong{font-size:16px;line-height:1.25;font-weight:700}.schedule-location-label small{font-size:12px;line-height:1.3;color:var(--accent);font-weight:650;font-variant-numeric:tabular-nums}.schedule-employee-filter{display:grid;gap:6px;color:var(--text-2);font-size:12px;min-width:178px;justify-self:end}.schedule-employee-filter select{padding:9px 30px 9px 11px;min-height:37px;font-size:13px}
.schedule-example-notice{display:flex;align-items:center;gap:12px;margin:0 0 15px}.schedule-example-notice p{margin:0;color:var(--text-2);font-size:12px;line-height:1.5}.schedule-example-notice .badge{font-size:10px;font-weight:650;letter-spacing:.3px}.schedule-example-scroll{overflow-x:auto;max-width:100%;padding-bottom:2px;border-radius:8px}.schedule-example-calendar{grid-template-columns:repeat(7,minmax(108px,1fr));gap:7px;min-width:800px}.schedule-example-calendar .schedule-weekday{font-weight:600;font-size:11px;padding:7px}.schedule-example-calendar .schedule-weekday.weekend{color:var(--accent)}.schedule-example-calendar .schedule-day{background:var(--bg-elevated);border-color:var(--glass-border);min-height:122px;border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:0}.schedule-example-calendar .schedule-day.outside{background:var(--glass);border-color:transparent}.schedule-example-calendar .schedule-date{font-size:14px;color:var(--text-0);line-height:1.3;margin:0 0 9px;font-variant-numeric:tabular-nums}.schedule-example-calendar .schedule-day.weekend .schedule-date{color:var(--accent)}.schedule-example-group{display:grid;gap:3px}.schedule-example-role{display:block;color:var(--text-3);font-size:10px;line-height:1.35;margin-bottom:2px}.schedule-example-name{display:block;color:var(--text-1);font-size:12px;font-weight:550;line-height:1.35;overflow-wrap:anywhere}.schedule-example-master{display:flex;align-items:baseline;gap:6px;border-top:1px solid var(--glass-border-soft);padding-top:7px;margin-top:auto;min-height:24px}.schedule-example-master .schedule-example-name{color:var(--positive)}.schedule-example-off{display:block;color:var(--text-3);font-size:11px;line-height:1.4;font-weight:400}.schedule-example-pairs{font-size:11px;color:var(--text-3);line-height:1.6;margin:14px 0 0;max-width:850px}
@media(max-width:1000px){.schedule-example-calendar{grid-template-columns:repeat(7,minmax(97px,1fr));min-width:730px;gap:5px}.schedule-example-calendar .schedule-day{padding:9px 9px;min-height:122px}.schedule-example-name{font-size:11px}.schedule-example-off{font-size:10px}}
@media(max-width:700px){.schedule-plan-panel .panel-head{align-items:start}.schedule-plan-toolbar{grid-template-columns:1fr auto;gap:12px}.schedule-month-heading{width:100%}.schedule-month-title{font-size:19px}.schedule-location-label{grid-column:1/-1;grid-row:2;justify-self:start}.schedule-employee-filter{width:100%;grid-column:1/-1;grid-row:3;justify-self:stretch}.schedule-example-notice{align-items:start;flex-direction:column;gap:8px}.schedule-plan-modes button{padding:7px 9px}.schedule-example-calendar{min-width:730px}.schedule-plan-panel{min-width:0;max-width:100%}.schedule-example-scroll{overscroll-behavior-x:contain}}

/* Date above the people; separate seller and master blocks. */
.schedule-plan-panel .schedule-calendar .schedule-day{position:relative}
.schedule-plan-panel .schedule-calendar .schedule-date{text-align:right;align-self:flex-end}
.schedule-example-calendar .schedule-day{min-height:170px;padding:12px}
.schedule-example-calendar .schedule-date{position:absolute;top:11px;right:12px;margin:0;font-size:16px;line-height:1.3}
.schedule-example-group{margin-top:27px;gap:4px}
.schedule-example-role{font-size:11px;line-height:1.4;margin-bottom:3px}
.schedule-example-name{font-size:13px;line-height:1.4}
.schedule-example-master{display:grid;align-items:start;gap:2px;min-height:40px;margin-top:12px;padding-top:10px}
.schedule-example-master .schedule-example-role{margin:0}
.schedule-example-off{font-size:12px;line-height:1.4}
@media(max-width:1000px){.schedule-example-calendar .schedule-day{padding:12px 9px;min-height:170px}.schedule-example-calendar .schedule-date{right:9px}.schedule-example-name{font-size:12px}.schedule-example-role{font-size:11px}.schedule-example-off{font-size:11px}}

.schedule-month-heading .schedule-month-title{margin:0;line-height:1.3;cursor:default}

/* Working calendar reads the saved shifts directly. */
.schedule-live-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px}
.schedule-live-calendar{grid-template-columns:repeat(7,minmax(118px,1fr));min-width:860px;gap:7px}
.schedule-live-calendar .schedule-day{position:relative;min-height:154px;padding:12px 12px 38px;background:var(--bg-elevated);border-color:var(--glass-border)}
.schedule-live-calendar .schedule-date{position:absolute;top:11px;right:12px;font-size:16px;line-height:1.3;margin:0}
.schedule-live-calendar .schedule-day.weekend .schedule-date{color:var(--accent)}
.schedule-people{display:grid;gap:9px;margin-top:28px}
.schedule-people-group{display:grid;gap:5px}
.schedule-people-role{font-size:11px;color:var(--text-3);line-height:1.4}
.schedule-person-shift{display:grid;gap:2px;background:transparent;color:var(--text-1);border:0;padding:3px 0;text-align:left;border-radius:4px;width:100%;white-space:normal}
.schedule-person-shift strong{font-size:13px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
.schedule-person-shift:hover{background:var(--accent-soft)}
.schedule-person-shift.cancelled{text-decoration:line-through;opacity:.6}
.schedule-masters{border-top:1px solid var(--glass-border-soft);padding-top:8px}
.schedule-masters .schedule-person-shift strong{color:var(--positive)}
.schedule-empty-day,.schedule-live-calendar .schedule-empty{font-size:11px;color:var(--text-3)}
.schedule-month-heading .schedule-month-title{margin:0;line-height:1.3;cursor:default}
@media(max-width:1000px){.schedule-live-calendar{min-width:800px;gap:5px}.schedule-live-calendar .schedule-day{padding:12px 9px 36px}.schedule-live-calendar .schedule-date{right:9px}.schedule-person-shift strong{font-size:12px}}

.schedule-day-menu{position:absolute;right:9px;bottom:8px;width:30px;height:26px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-3);font-size:13px;letter-spacing:2px;line-height:1}
.schedule-day-menu:hover,.schedule-day-menu:focus-visible{background:var(--accent-soft);border-color:var(--glass-border);color:var(--accent)}
.schedule-day-menu-list{display:grid;gap:8px}.schedule-day-menu-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--glass-border-soft)}.schedule-day-menu-row:last-child{border-bottom:0}.schedule-day-menu-row>div{display:grid;gap:2px}.schedule-day-menu-row strong{font-size:13px}.schedule-day-menu-row span{font-size:11px;color:var(--text-2)}
