/* Scoped to the customer time chooser; Group/check-in/workspace UI stays intact. */
#schedule-view:not(.inline-service-schedule){max-width:980px}
#schedule-view .schedule-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr);gap:26px;align-items:start}
#schedule-view .schedule-grid>label:has(#booking-date){display:none}
#schedule-view .schedule-grid>div{min-width:0}
#schedule-view #booking-date-calendar{grid-column:auto;margin:0;min-width:0;gap:8px}
#schedule-view #time-slots[data-partitioned="yes"]{display:block;width:100%;min-width:0}
#time-slots .time-period-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:10px;background:#edf3ee;margin-bottom:14px}
#time-slots .time-period-switch button{min-width:0;min-height:42px;padding:8px 4px;border:0;border-radius:7px;background:transparent;color:#426158;font:700 14px/1.25 Arial,sans-serif}
#time-slots .time-period-switch button[aria-pressed="true"]{color:#fff;background:#35685f;box-shadow:0 2px 4px #244b4420}
#time-slots .time-period-switch button:disabled{opacity:.4;cursor:default}
#time-slots .compact-time-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:8px;margin:0}
#time-slots .compact-time-panel button{min-width:0;min-height:46px;padding:9px 4px;border:1px solid #baccc3;border-radius:8px;background:#fff;color:#293a35;font:700 15px/1.2 Arial,sans-serif}
#time-slots .compact-time-panel button:hover{border-color:#35685f;background:#f2f7f4}
#time-slots .compact-time-panel button.selected{background:#35685f;color:#fff;border-color:#35685f}
#time-slots .compact-time-panel button small{display:block;font-size:11px;font-weight:400;margin-top:2px}
#time-slots .time-selection-note{font-size:13px;color:#52665d;margin:12px 0 0;min-height:19px}
#time-slots [hidden]{display:none!important}
#time-slots button:focus-visible{outline:3px solid #74a6b7;outline-offset:2px}
@media(max-width:760px){
  #schedule-view .schedule-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  #time-slots .compact-time-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  #time-slots .time-period-switch{margin-bottom:10px}
}
html.mobile-preview #schedule-view .schedule-grid{grid-template-columns:minmax(0,1fr);gap:16px}
html.mobile-preview #time-slots .compact-time-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}