.queue-view { display: flex; flex-direction: column; gap: 16px; overflow: hidden; }
.queue-layout { min-height: 0; flex: 1; display: grid; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); gap: 16px; overflow: hidden; }
.queue-composer, .queue-list-card { min-height: 0; border: 1px solid var(--glass-border, var(--line)); border-radius: var(--radius-lg, var(--radius)); background: var(--glass, rgba(255,255,255,.96)); box-shadow: var(--shadow-2); padding: 18px; }
.queue-composer { display: flex; flex-direction: column; gap: 12px; }
.queue-heading, .queue-list-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.queue-heading h3, .queue-list-header h3 { margin: 3px 0 0; color: var(--ink); font-size: 15px; }
.queue-hint { color: var(--muted); font-size: 11px; font-weight: 700; }
.queue-prompt-input { min-height: 180px; resize: vertical; line-height: 1.5; }
.queue-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.queue-start-btn { background: var(--primary-soft); }
.queue-list-card { overflow: hidden; display: flex; flex-direction: column; gap: 12px; }
.queue-list { min-height: 0; overflow: auto; display: grid; align-content: start; gap: 8px; }
.queue-empty { border: 1px dashed var(--line); border-radius: var(--radius); padding: 24px; color: var(--muted); text-align: center; font-size: 12px; font-weight: 800; }
.queue-item { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.72); }
.queue-item-number { color: var(--muted); font-family: monospace; font-size: 11px; font-weight: 900; }
.queue-item h4 { margin: 0; color: var(--ink); font-size: 13px; }
.queue-item p { margin: 4px 0 0; overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.queue-item-status { color: var(--muted); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.queue-item-generating, .queue-item-sending { border-color: rgba(37,99,235,.42); background: var(--primary-soft); }
.queue-item-completed { border-color: rgba(16,185,129,.35); }
.queue-item-failed { border-color: rgba(225,29,72,.35); }
@media (max-width: 900px) { .queue-layout { grid-template-columns: minmax(0, 1fr); overflow: auto; } .queue-composer { min-height: auto; } }
@media (max-width: 560px) { .queue-item { grid-template-columns: 28px minmax(0,1fr) auto; } .queue-item-status { grid-column: 2; } .queue-item button { grid-column: 3; grid-row: 1 / span 2; } }