.queue-hint {
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  font-size: 0.85rem;
  margin-bottom: 8px;
  padding: 6px 10px;
  border-radius: 8px;

  color: #f0abfc;
  background: rgba(179, 0, 255, 0.12);
  border: 1px solid rgba(179, 0, 255, 0.35);

  display: inline-block;
}
.queue-status {
  font-size: 0.8rem;
  margin-bottom: 6px;
  opacity: 0;
  transition: opacity 0.25s ease;
  height: 16px;
}

.queue-status.show {
  opacity: 1;
}

.queue-status.saving {
  color: #facc15; /* geel */
}

.queue-status.success {
  color: #4ade80; /* groen */
}

.queue-status.error {
  color: #f87171; /* rood */
}
        /* Queue drag/drop */
    .queue-help {
      font-size: 0.85rem;
      color: rgba(255,255,255,0.72);
      margin-top: -0.15rem;
      margin-bottom: 0.65rem;
    }

    .queue-draggable {
      cursor: grab;
      user-select: none;
      touch-action: manipulation;
    }

    .queue-draggable .drag-handle {
      font-size: 1rem;
      opacity: 0.75;
      margin-right: 0.15rem;
      line-height: 1;
    }

    .queue-draggable.sortable-ghost {
      opacity: 0.35;
    }

    .queue-draggable.sortable-chosen {
      background: rgba(94,0,94,0.25);
    }

    .queue-save-status {
      min-height: 1.2rem;
      margin-top: 0.35rem;
      font-size: 0.8rem;
      color: rgba(255,255,255,0.72);
    }

    .queue-save-status.error {
      color: #fca5a5;
    }