/* Add this CSS for locked time slots */

/* Locked time slot styling */
.time-slot.locked {
    background: #e0e0e0 !important;
    color: #999 !important;
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
    position: relative;
}

.time-slot.locked::after {
    content: '🔒';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9rem;
}

.time-slot.locked:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: #ddd !important;
}