#chat-queue-toggle { min-height: 44px; padding: 0 10px; white-space: nowrap; font-size: 12px; }
#chat-queue-count { display: inline-block; min-width: 16px; }
.chat-delivery { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); }
#chat-delivery { min-height: 36px; width: auto; max-width: 180px; padding: 5px 10px; font-size: 13px; }
body:has([data-chat-mode="planning"].active) .chat-delivery { display: none; }
#chat-queue-dialog { width: min(560px, calc(100vw - 24px)); max-height: 85dvh; overflow: auto; padding: 18px; border: 1px solid var(--line); border-radius: 20px; color: var(--text); background: var(--panel); box-shadow: var(--shadow); }
#chat-queue-dialog::backdrop { background: rgba(35, 15, 50, .4); }
.queue-heading, .queue-controls { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
#chat-queue-dialog button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; }
#chat-queue-status { font-size: 13px; color: var(--muted); }
#chat-queue-list { padding: 0; list-style: none; display: grid; gap: 10px; }
#chat-queue-list li { padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--raised); }
#chat-queue-list p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
#chat-queue-list strong { font-size: 12px; color: var(--blue); }
#chat-queue-form { display: grid; gap: 8px; }
#chat-queue-message { width: 100%; box-sizing: border-box; min-height: 90px; resize: vertical; font: inherit; font-size: 16px; }
#chat-queue-error { color: var(--red); font-size: 13px; }
@media (max-width: 600px) {
  #chat-view #composer { flex-wrap: wrap; }
  .chat-delivery { flex: 1 0 100%; }
  #composer .actions { gap: 5px; }
  #composer #chat-queue-toggle { padding: 0 8px; }
  #composer #send { padding: 0 10px; }
}