#cb-booking-app { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border: 1px solid #ddd; padding: 20px; max-width: 600px; margin: 20px auto; }
.cb-loader, .cb-loader-small { text-align: center; color: #888; padding: 20px; font-style: italic; }
.cb-button, .cb-button-secondary { font-size: 14px; background: #2271b1; color: white; border: none; padding: 10px 15px; cursor: pointer; margin: 5px; border-radius: 3px; text-align: center; }
.cb-button:hover { background: #185a8d; }
.cb-button-secondary { background: #777; }
.cb-button-secondary:hover { background: #555; }
.cb-service-list { display: flex; flex-wrap: wrap; gap: 10px; }
.cb-service-list .cb-button { flex-grow: 1; }
#cb-datepicker { margin-top: 15px; }
.ui-datepicker { font-size: 14px; }
#cb-timeslots { margin-top: 15px; border-top: 1px solid #eee; padding-top: 15px; }
.cb-time-button { background: #f0f0f0; color: #333; }
.cb-time-button:hover { background: #e0e0e0; }
#cb-details-form label { font-weight: bold; margin-top: 15px; display: block; }
#cb-details-form input, #cb-details-form textarea { display: block; width: 100%; padding: 8px; margin-top: 5px; margin-bottom: 10px; box-sizing: border-box; }
#cb-price-display { margin: 15px 0; font-weight: bold; font-size: 1.2em; }
.cb-error { color: #d63638; font-weight: bold; }
.cb-navigation { margin-top: 20px; }