/* Needs-attention queue (sidebar Queue tab). Colours come from the theme tokens in app.css. */
.queue-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  margin-bottom: 12px;
}
.queue-count { margin: 0; font-weight: 600; color: var(--muted); }
.queue-refresh { min-height: 36px; padding: 6px 10px; }
.queue-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.queue-item {
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-2);
}
.queue-dispute { border-left-color: var(--danger); }
.queue-question { border-left-color: var(--accent); }
.queue-unverified { border-left-color: var(--warn); }
.queue-proposal { border-left-color: var(--ok); }
.queue-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.queue-badge {
  font-size: 12px; font-weight: 700; letter-spacing: .02em;
  padding: 2px 8px; border-radius: 999px;
  background: var(--accent-soft); color: var(--text);
}
.queue-rank { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.queue-title { margin: 6px 0 2px; font-weight: 600; overflow-wrap: anywhere; }
.queue-reason { margin: 0; font-size: 13px; color: var(--muted); }
.queue-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.queue-empty, .queue-error { margin: 8px 0; color: var(--muted); }
.queue-error { color: var(--danger); }
.queue-btn { min-height: 36px; padding: 6px 12px; }
.queue-approve { background: var(--ok); border-color: var(--ok); color: var(--accent-text); }
.queue-reject { color: var(--danger); }
.queue-btn:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }