/* Booking side panel */
.bp-ui .bp-panel .bp-drawer__body { padding: 0; }
.bp-ui .bp-panel-form { display: flex; flex-direction: column; gap: var(--bp-s-1); padding: var(--bp-s-4) var(--bp-s-6) var(--bp-s-6); }
.bp-ui .bp-panel-section { display: flex; flex-direction: column; gap: var(--bp-s-3); padding: var(--bp-s-4) 0; }
.bp-ui .bp-panel-section + .bp-panel-section { border-block-start: 1px solid var(--bp-c-border); }
.bp-ui .bp-panel-section__title { font-size: var(--bp-fs-sm); font-weight: var(--bp-fw-semibold); color: var(--bp-c-text-2); text-transform: uppercase; letter-spacing: 0.05em; }
.bp-ui .bp-panel-footer { display: flex; align-items: center; gap: var(--bp-s-2); width: 100%; }
.bp-ui .bp-panel-footer .bp-spacer { flex: 1 1 auto; }
.bp-ui .bp-drawer__footer:has(.bp-panel-footer:empty) { display: none; }

.bp-ui .bp-panel-summary { display: flex; flex-direction: column; gap: var(--bp-s-3); padding: var(--bp-s-4); margin-block-end: var(--bp-s-2); border: 1px solid var(--bp-c-border); border-radius: var(--bp-r-lg); background: var(--bp-c-surface-2); }
.bp-ui .bp-panel-summary__when { display: flex; align-items: flex-start; gap: var(--bp-s-3); }
.bp-ui .bp-panel-summary__when > svg { width: 20px; height: 20px; margin-block-start: 2px; color: var(--bp-c-primary-text); flex: 0 0 auto; }
.bp-ui .bp-panel-quick { display: flex; flex-wrap: wrap; gap: var(--bp-s-2); }

.bp-ui .bp-panel-customer { display: flex; align-items: center; gap: var(--bp-s-3); }
.bp-ui .bp-panel-customer__text { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; }
.bp-ui .bp-panel-customer__text a { color: var(--bp-c-link); font-size: var(--bp-fs-sm); }
.bp-ui .bp-panel-picker { display: flex; flex-direction: column; gap: var(--bp-s-2); }
.bp-ui .bp-panel-picker__list { display: flex; flex-direction: column; border: 1px solid var(--bp-c-border); border-radius: var(--bp-r-md); overflow: hidden; max-height: 260px; overflow-y: auto; }
.bp-ui .bp-panel-picker__item { display: flex; align-items: center; gap: var(--bp-s-3); width: 100%; padding: var(--bp-s-2) var(--bp-s-3); border: 0; background: var(--bp-c-surface); color: inherit; font: inherit; text-align: start; cursor: pointer; }
.bp-ui .bp-panel-picker__item:hover,
.bp-ui .bp-panel-picker__item:focus-visible { background: var(--bp-c-primary-soft); outline: none; }
.bp-ui .bp-panel-picker__list li + li { border-block-start: 1px solid var(--bp-c-border); }
.bp-ui .bp-panel-picker__text { display: flex; flex-direction: column; min-width: 0; }
.bp-ui .bp-panel-picker__empty { padding: var(--bp-s-3); }

.bp-ui .bp-panel-schedule { display: grid; gap: var(--bp-s-4); }
.bp-ui .bp-panel-slot-skel { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: var(--bp-s-2); }

@media (max-width: 640px) {
  .bp-ui .bp-panel-form { padding: var(--bp-s-3) var(--bp-s-4) var(--bp-s-5); }
}