textarea, input[type="number"] {
            width: 100%;
            box-sizing: border-box;
            font-family: monospace;
            padding: 5px;
        }

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

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

        .queue-label {
            font-weight: bold;
            color: #475569;
            min-width: 100px;
        }

        .queue-box {
            height: 40px;
            padding: 0 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #94a3b8;
            border-radius: 5px;
            font-weight: bold;
            background-color: white;
            transition: all 0.2s ease;
        }
        
        .queue-box.in-pq {
            background-color: #bae6fd; 
            border-color: #38bdf8;
        } 

        .queue-box.popped {
            background-color: #fde047;
            border-color: #eab308;
            transform: scale(1.1);
        }