/* seatinglayout.css - Styles for Seating Layout Drag & Drop Editor */

body {
}

.table-list {
    max-height: 350px;
    overflow-y: auto;
    padding: 8px;
}

.table-item {
    padding: 12px;
    margin-bottom: 8px;
    background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
    border: 2px solid #00acc1;
    border-radius: 6px;
    cursor: grab;
    transition: all 0.3s ease;
    font-weight: 500;
}

.table-item:hover {
    background: linear-gradient(135deg, #b2ebf2 0%, #80deea 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 172, 193, 0.3);
}

.table-item:active {
    cursor: grabbing;
}

.entrance-item {
    padding: 12px;
    background: linear-gradient(135deg, #ffe0b2 0%, #ffcc80 100%);
    border: 2px solid #ff9800;
    border-radius: 6px;
    cursor: grab;
    transition: all 0.3s ease;
    font-weight: 500;
    text-align: center;
}

.entrance-item:hover {
    background: linear-gradient(135deg, #ffcc80 0%, #ffb74d 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 152, 0, 0.3);
}

.entrance-item:active {
    cursor: grabbing;
}

#canvasContainer {
    border: 2px solid #555;
    background: #fafafa;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

#layoutCanvas {
    display: block;
    cursor: default;
}

/* Scrollbar styling */
.table-list::-webkit-scrollbar {
    width: 8px;
}

.table-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.table-list::-webkit-scrollbar-thumb {
    background: #00acc1;
    border-radius: 4px;
}

.table-list::-webkit-scrollbar-thumb:hover {
    background: #0097a7;
}

/* Card styles */
.card-header {
    font-weight: 600;
}