/* ── Calendar Widget Styles ── */
#ui-calendar { font-family: 'Manrope', sans-serif; }
.cal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.cal-month-label { font-size: 15px; font-weight: 700; color: #0f172a; }
.cal-nav { background: none; border: 1px solid #e2e8f0; border-radius: 8px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #475569; font-size: 14px; transition: all 0.15s; }
.cal-nav:hover { background: #f8fafc; border-color: #c7d2fe; color: #4f46e5; }
.cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.cal-day-name { font-size: 11px; font-weight: 700; color: #94a3b8; text-align: center; padding: 8px 0; text-transform: uppercase; }
.cal-day { width: 100%; aspect-ratio: 1; border-radius: 8px; border: none; background: none; font-size: 13px; font-weight: 600; color: #0f172a; cursor: pointer; transition: all 0.15s; font-family: 'Manrope', sans-serif; display: flex; align-items: center; justify-content: center; }
.cal-day:hover:not(:disabled) { background: #eef2ff; color: #4f46e5; }
.cal-day.cal-selected { background: #FF4D4D !important; color: #fff !important; border-radius: 12px; }
.cal-day.cal-past { color: #cbd5e1; cursor: not-allowed; }
.cal-day:disabled { cursor: not-allowed; }
#time-slots { display: flex; flex-direction: column; gap: 12px; max-height: 400px; overflow-y: auto; padding-right: 8px; }
#time-slots::-webkit-scrollbar { width: 4px; }
#time-slots::-webkit-scrollbar-track { background: transparent; }
#time-slots::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 9999px; }
#confirm-booking { display: none; width: 100%; margin-top: 24px; background: #FF4D4D; color: #fff; padding: 20px; border-radius: 12px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 10px 25px rgba(255,77,77,0.2); transition: all 0.2s; font-family: 'Manrope', sans-serif; }
#confirm-booking:hover { background: #E64545; transform: translateY(-1px); }