.bcbb-wrap { max-width: 1100px; margin: 0 auto; }
.bcbb-steps { display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.bcbb-step { padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; cursor:pointer; }
.bcbb-step.is-active { border-color:#111827; }

.bcbb-grid { display:grid; grid-template-columns: 1.5fr 0.75fr; gap:18px; align-items:start; }
@media (max-width: 900px) { .bcbb-grid { grid-template-columns: 1fr; } }

.bcbb-main { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; }
.bcbb-side { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; position:sticky; top:16px; }
@media (max-width: 900px) { .bcbb-side { position: static; } }

.bcbb-services, .bcbb-pros { display:flex; flex-direction:column; gap:10px; }
.bcbb-card { border:1px solid #e5e7eb; border-radius:12px; padding:12px; display:flex; justify-content:space-between; gap:10px; }
.bcbb-card strong { display:block; }
.bcbb-muted { color:#6b7280; font-size:14px; }

.bcbb-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:14px; }
.bcbb-btn { border:none; background:#111827; color:#fff; padding:10px 14px; border-radius:12px; cursor:pointer; }
.bcbb-btn[disabled] { opacity:0.5; cursor:not-allowed; }
.bcbb-btn-ghost { background:#fff; color:#111827; border:1px solid #e5e7eb; }

#bcbb-calendar { margin-top:10px; }
.bcbb-times { margin-top:14px; }
.bcbb-times-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.bcbb-time { border:1px solid #e5e7eb; background:#fff; border-radius:12px; padding:10px 12px; cursor:pointer; }
.bcbb-time.is-active { border-color:#111827; }

.bcbb-summary-row { display:flex; justify-content:space-between; margin-top:10px; }
.bcbb-divider { height:1px; background:#e5e7eb; margin:12px 0; }

/* Selected day highlight */
.fc .fc-daygrid-day.bcbb-selected .fc-daygrid-day-frame {
  outline: 2px solid #111827;
  outline-offset: -2px;
  border-radius: 10px;
}