.bae-calendar {
    max-width: 900px;
    margin: 40px auto;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
}

.bae-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}

.bae-day {
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

.bae-day.available { background: #e6f7ec; }
.bae-day.partial { background: #fff4e5; }
.bae-day.full {
    background: #f8d7da;
    color: #999;
    cursor: not-allowed;
}