/* Minimal, modern, responsive styles */
.bbc-calendar{max-width:900px;margin:12px auto;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.bbc-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.bbc-cal-header .bbc-month-label{font-weight:600;font-size:1.1rem}
.bbc-cal-header .bbc-nav{border:none;background:#f3f4f6;border-radius:10px;padding:6px 10px;cursor:pointer}
.bbc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.bbc-day-name{font-size:.85rem;font-weight:600;color:#6b7280;text-align:center;padding:6px 0}
.bbc-day{position:relative;min-height:70px;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:flex-start;justify-content:flex-end;padding:6px;font-weight:600}
.bbc-day .num{font-size:.95rem}
.bbc-day.past{background:#f9fafb;color:#9ca3af}
.bbc-day.unavailable{background:#e5e7eb;color:#6b7280}
.bbc-day.available{background:#064e3b;color:#fff}
.bbc-day.selected{outline:3px solid #111827}
.bbc-panel{max-width:900px;margin:12px auto;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff}
.bbc-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bbc-slot{border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;background:#fff;cursor:pointer}
.bbc-slot.selected{border-width:2px}
.bbc-booking-form .bbc-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.bbc-booking-form input, .bbc-booking-form select{border:1px solid #e5e7eb;border-radius:10px;padding:8px}
.bbc-btn{border:none;padding:10px 14px;border-radius:12px;cursor:pointer;background:#111827;color:#fff}
.bbc-form-message{margin-top:8px;font-weight:600}
.bbc-form-message.ok{color:#065f46}
.bbc-form-message.err{color:#b91c1c}
.bbc-alert{padding:10px;border:1px solid #fca5a5;background:#fef2f2;border-radius:10px}

.bbc-availability{max-width:900px;margin:12px auto;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff}
.bbc-availability .bbc-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.bbc-availability input{border:1px solid #e5e7eb;border-radius:10px;padding:8px}
.bbc-availability .chip{display:inline-block;padding:4px 8px;border:1px solid #e5e7eb;border-radius:999px;margin:2px;cursor:pointer}
@media (max-width:640px){
  .bbc-day{min-height:52px}
}