.queue-wrapper {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 10px;
            background: #f8fafc;
            border-radius: 8px;
            border: 1px solid #cbd5e1;
            margin-top: 10px;
            min-height: 60px;
        }

        .queue-container {
            display: flex;
            gap: 5px;
            flex-wrap: wrap;
        }

        .queue-box {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #94a3b8;
            border-radius: 5px;
            font-weight: bold;
            background-color: white;
            font-size: 1.1em;
            transition: all 0.2s ease;
        }

        .queue-box.popped {
            background-color: #43de7c; /* Your green */
            color: white;
            border-color: #43de7c;
            transform: scale(1.1);
        }
        
        .queue-label {
            font-weight: bold;
            color: #475569;
            min-width: 120px;
        }