.space-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.space {
    padding: 10px;
    text-align: center;
    border: 2px solid #444;
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
}

.space.available { background: #c8ffc8; }
.space.reserved { background: #fff3b0; cursor: not-allowed; }
.space.sold { background: #ffb0b0; cursor: not-allowed; }
.space.blocked { background: #ccc; cursor: not-allowed; }

.space.selected {
    border-color: #007bff;
    background: #a7d0ff !important;
}