/* ---------- Queue tab (§5) ----------
   index.html is frozen, so queue.js reparents #process-now into the
   .topbar-row1 at runtime (still writes only inside #screen-queue) to get
   the "Queue" title + [Process now] button on one header row. This file
   styles that placement plus the "Last processed" subline and the queue
   sections list (Pending / Rate-limited / Parked). */

#process-now {
  width: auto;
  flex: 0 0 auto;
  padding: 7px 16px;
  border-radius: 100px;
  font-size: 12px;
}

.process-row {
  padding: 0 14px 12px;
}

.process-row .inline-msg { margin-top: 4px; }

#queue-health {
  padding: 0 10px;
}

.queue-section { margin-bottom: 16px; }

.queue-section-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--text-faint);
  padding: 4px 4px 8px;
}

.queue-row-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 4px;
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  transition: transform 120ms ease;
}

.queue-row-item:last-child { border-bottom: none; }

.queue-row-item:active {
  transform: scale(0.97);
}

.queue-row-body { min-width: 0; flex: 1; }

.queue-row-title {
  font-size: 13px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.queue-row-sub {
  font-size: 11.5px;
  color: var(--text-faint);
  margin-top: 3px;
}

.queue-empty {
  padding: 60px 20px;
  text-align: center;
  color: var(--text-faint);
  font-size: 13px;
}