/* Unuploaded — the shared queue list (queue.js), kit tokens only. Its
   own sheet, not convert.css: that one rides all 31 routes and jpg-to-pdf
   sat 1,201 B under the payload proxy (build doc, phase A1). The list IS
   the order, so it reads like convert.css's result rows: mono, one per
   file. */

.queue {
  list-style: none;
  padding: 0;
  margin: 0.75rem 0 0;
}

.queue-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 0.5rem 0.7rem;
  margin: 0 0 0.45rem;
}

.queue-item[draggable="true"] { cursor: grab; }
.queue-item.dragging { opacity: 0.5; }
.queue-item.drag-over {
  border-color: var(--accent);
  background: var(--accent-soft);
}

/* Refused files are a failure state, so they take the kit's fail
   colour. */
.queue-item.failed { border-left: 3px solid var(--fail); }
.queue-item.failed .q-meta { color: var(--fail); }

.q-num {
  font-family: var(--mono);
  font-size: 0.78rem;
  color: var(--ink-soft);
  min-width: 1.7rem;
}

.q-name {
  font-family: var(--mono);
  font-size: 0.82rem;
  word-break: break-all;
  flex: 1 1 12rem;
}

.q-meta {
  font-family: var(--mono);
  font-size: 0.78rem;
  color: var(--ink-soft);
}

.q-actions {
  display: inline-flex;
  gap: 0.3rem;
  margin-left: auto;
}

/* The kit's --tap on BOTH axes: measured 2026-08-30 the row buttons were
   34.6 x 44 px at 390, the mobile floor applied to height alone. At 44
   square they take 141.6 px of the 324 px row, nothing reflows at 360,
   390 or 1280, and centring holds the glyph. */
.q-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--tap);
  min-height: var(--tap);
  padding: 0.22rem 0.6rem;
  font: inherit;
  line-height: 1.2;
}

/* The list takes focus when its last row goes (queue.js); a 0-high <ul>
   draws the kit's ring as a bare line over the prose. Focused only. */
.queue:focus-visible { min-height: 1.75rem; }

.q-hint {
  color: var(--ink-soft);
  font-size: 0.85rem;
  margin: 0.7rem 0 0;
}