.booking-setup-overview { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-500); padding: var(--space-500); margin-bottom: var(--space-500); }
.booking-setup-overview > div { flex: 1 1 280px; min-width: 0; }
.booking-setup-overview h2 { margin: 0 0 var(--space-200); }
#app-settings-pane-booking-online #booking-setup-summary { font-size: var(--text-lg) !important; }
.booking-setup-eyebrow { margin: 0 0 var(--space-200); color: var(--bbr-fg-muted); }
.booking-setup-overview p { margin-bottom: var(--space-300); }
.booking-setup-overview progress { display: block; width: 100%; height: 8px; appearance: none; border: 0; border-radius: var(--radius-full); background: var(--bbr-bg-sunken); accent-color: var(--bbr-green); }
.booking-setup-overview progress::-webkit-progress-bar { background: var(--bbr-bg-sunken); border-radius: var(--radius-full); }
.booking-setup-overview progress::-webkit-progress-value { background: var(--bbr-green); border-radius: var(--radius-full); }
.booking-setup-overview progress::-moz-progress-bar { background: var(--bbr-green); border-radius: var(--radius-full); }
.booking-setup-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: var(--space-500); align-items: start; }
.booking-setup-card { padding: var(--space-500); min-width: 0; }
.booking-setup-card h2 { margin: 0 0 var(--space-200); }
.booking-setup-card p { margin: 0 0 var(--space-300); }
.booking-setup-aside { display: grid; gap: var(--space-500); min-width: 0; }
.booking-setup-status { color: var(--bbr-fg-secondary); margin-bottom: var(--space-400); }
.booking-setup-status:empty { display: none; }
.booking-setup-steps { list-style: none; padding: 0; margin: var(--space-400) 0 0; }
.booking-setup-steps li { display: flex; align-items: flex-start; gap: var(--space-300); padding: var(--space-500) 0; border-top: 1px solid var(--bbr-bd-default); }
.booking-setup-steps li:last-child { padding-bottom: 0; }
.booking-setup-step-body { min-width: 0; flex: 1; }
.booking-setup-step-head { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-200); margin-bottom: var(--space-200); }
.booking-setup-step-head h3 { margin: 0; }
.booking-setup-marker { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid var(--bbr-bd-default); border-radius: var(--radius-full); background: var(--bbr-bg-sunken); color: var(--bbr-fg-secondary); font: 600 var(--text-sm)/1 var(--bbr-font-sans); }
.booking-setup-badge { font: 500 var(--text-xs)/var(--lh-base) var(--bbr-font-sans); padding: var(--space-050) var(--space-200); border-radius: var(--radius-full); color: var(--bbr-fg-secondary); background: var(--bbr-bg-sunken); }
.booking-setup-badge.is-complete { color: var(--bbr-green-fg); background: var(--bbr-green-soft); }
.booking-setup-note { color: var(--bbr-fg-muted); }
.booking-setup-step-body > .booking-setup-note { margin: var(--space-200) 0 0; }
.booking-setup-checks { padding-left: var(--space-500); margin: var(--space-300) 0 var(--space-400); color: var(--bbr-fg-secondary); font-size: var(--text-sm); line-height: var(--lh-base); }
.booking-setup-checks li + li { margin-top: var(--space-200); }
#app-settings-pane-booking-online .btn { max-width: 100%; white-space: normal; }
@media (max-width: 1100px) { .booking-setup-grid { grid-template-columns: minmax(0,1fr); } .booking-setup-aside { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) {
    .booking-setup-overview, .booking-setup-card { padding: var(--space-400); }
    .booking-setup-overview > .btn { width: 100%; }
    .booking-setup-aside { grid-template-columns: minmax(0,1fr); }
    #app-settings-pane-booking-online .btn { min-height: 44px !important; }
    .booking-setup-checks { font-size: var(--text-base); }
}