/* ═══════════════════════════════════════════════════════════════
   PROPHET AI · queue.css — fila de mensagens (acima do composer)
   ═══════════════════════════════════════════════════════════════ */

#queue-strip {
    display: flex; flex-direction: column; gap: 4px;
    padding: 6px 8px; margin-bottom: 6px;
    background: var(--bg2); border: 1px solid var(--line-soft);
    border-radius: var(--r-sm, 8px);
}
#queue-strip .q-label {
    display: flex; align-items: center; gap: 5px;
    font: 600 10.5px/1 var(--font-mono); text-transform: uppercase;
    letter-spacing: .04em; color: var(--ink-faint);
}
#queue-strip .q-label .i, #queue-strip .q-label svg { color: var(--warn); }
#queue-strip .q-item {
    display: flex; align-items: center; gap: 8px;
    padding: 5px 8px; background: var(--bg1);
    border: 1px solid var(--line-soft); border-radius: 6px;
}
#queue-strip .q-txt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; color: var(--ink-dim); }
#queue-strip .q-x { display: inline-flex; color: var(--ink-faint); padding: 2px; border-radius: 5px; flex: none; }
#queue-strip .q-x:hover { color: var(--rose); background: var(--rose-dim); }