/* Queue header and badge shared verbatim with the campaign manager. */
.badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; font-size: 11px; font-weight: 600; background: var(--danger); color: #fff; }
.queue-header { display: flex; align-items: center; gap: 12px; padding: 16px 24px; border-bottom: 1px solid var(--border); flex-shrink: 0; }
.queue-header h4 { font-size: 16px; font-weight: 600; flex: 1; }
.slideout-close { width: 32px; height: 32px; border-radius: 6px; border: none; background: var(--surface2); color: var(--text2); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.15s; flex-shrink: 0; }
.slideout-close:hover { background: var(--danger-bg); color: var(--danger); }