/* Appointment and buffer block visuals */
.appointment-block {
    background-color: var(--bs-primary);
    color: white;
    border-radius: 4px;
}
.buffer-block {
    background: repeating-linear-gradient(45deg, rgba(0,0,0,0.04), rgba(0,0,0,0.04) 4px, transparent 4px, transparent 8px);
    color: #6c757d;
}

.calendar-grid { background:#fff; border:1px solid rgba(0,0,0,0.06); }
.calendar-times { display:flex; gap:4px; padding:4px 0; }
.calendar-hour { font-size:12px; color:#666; }
.calendar-appointments { position:relative; }
.appointment-item { left:0; right:0; padding:2px; }
.buffer-item { left:0; right:0; padding-left:4px; }

.appointment-block { cursor:pointer; }