.lot-active-card {
    border-left: 4px solid var(--bs-success);
    background: rgba(var(--bs-success-rgb), 0.04);
    border-radius: 0 8px 8px 0;
}

.lot-active-card.paused {
    border-left-color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.04);
}

.lot-active-name {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.lot-queue-item {
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    transition: background 0.15s ease;
}

.lot-queue-item:hover {
    background: rgba(255, 255, 255, 0.03);
}

.lot-queue-item.waiting {
    border-left-color: var(--bs-secondary);
}

.lot-queue-item.paused {
    border-left-color: var(--bs-primary);
}

.lot-pulse {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--bs-success);
    animation: lot-pulse-anim 1.5s ease-in-out infinite;
}

.lot-pulse.paused-dot {
    background: var(--bs-primary);
    animation: none;
}

@keyframes lot-pulse-anim {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.5); }
    50%      { opacity: 0.7; box-shadow: 0 0 0 6px rgba(var(--bs-success-rgb), 0); }
}

.lot-empty-state {
    padding: 3rem 1rem;
    text-align: center;
}

.lot-empty-state i {
    font-size: 3rem;
    opacity: 0.2;
}

.lot-empty-state p {
    font-size: 0.95rem;
    opacity: 0.5;
}

.lot-section-title {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.5;
    margin-bottom: 0.75rem;
}
