.customer-grid{grid-template-columns:minmax(0,780px) 1fr}.calendar-picker{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 220px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.calendar-panel{padding:18px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.calendar-heading strong{font-size:13px}.calendar-heading span,.time-label{color:var(--muted);font-size:10px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekdays{margin-bottom:5px;text-align:center;color:var(--muted);font-size:9px}.calendar-grid>span,.calendar-grid>button{display:grid;place-items:center;min-width:0;aspect-ratio:1;border:0;border-radius:7px;background:transparent;color:#a2a3ad;font:500 11px var(--sans)}.calendar-grid>button:disabled{opacity:.55}.calendar-grid .available{color:var(--ink);cursor:pointer}.calendar-grid .available:hover{background:#e8eafe}.calendar-grid .selected{background:var(--accent);color:#fff;font-weight:700}.time-panel{padding:18px;border-left:1px solid var(--line);background:#fff}.time-panel>strong{display:block;margin:4px 0 14px;font-size:13px}.time-options{display:grid;gap:7px}.time-option{width:100%;min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:600 11px var(--sans);cursor:pointer}.time-option:hover{border-color:var(--accent)}.time-option.selected{border-color:var(--accent);background:var(--accent-soft);color:#444fc0}.time-panel p{margin:14px 0 0;color:var(--muted);font-size:10px}.booking-card>label{grid-column:auto}.booking-card>label[for="address"]{grid-column:1/-1}@media(max-width:700px){.calendar-picker{grid-template-columns:1fr}.time-panel{border-top:1px solid var(--line);border-left:0}.calendar-grid>span,.calendar-grid>button{min-height:34px;aspect-ratio:auto}}