/* Persistent composer readiness. The field and surrounding composition stay intact. */
#chips .intake-tray { flex: 1 0 100%; min-width: 0; border: 1px solid var(--border-strong); border-radius: 12px; background: var(--surface); }
.intake-summary { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 13px; cursor: pointer; list-style: none; color: var(--text); font-size: 12px; }
.intake-summary::-webkit-details-marker { display: none; }
.intake-summary::after { content: "⌄"; margin-left: auto; font-size: 16px; color: var(--text-2); }
.intake-tray[open] > .intake-summary::after { transform: rotate(180deg); }
.intake-summary strong { flex-shrink: 0; font-weight: 600; }
.intake-count { min-width: 0; overflow-wrap: anywhere; line-height: 1.5; color: var(--text-2); font-size: 11px; }
.intake-count.attention { color: var(--warn); }
.intake-list { border-top: 1px solid var(--border); padding: 0 12px; max-height: 270px; overflow-y: auto; overscroll-behavior: contain; }
.intake-row { padding: 11px 0; border-bottom: 1px solid var(--border); }
.intake-row:last-child { border-bottom: 0; }
.intake-file-head { display: flex; align-items: center; gap: 9px; }
.intake-state-icon { flex: 0 0 19px; display: grid; place-items: center; font-size: 13px; color: var(--text-2); }
.intake-row[data-state="failed"] .intake-state-icon, .intake-row[data-state="needs-attention"] .intake-state-icon { color: var(--warn); }
.intake-file-name { overflow-wrap: anywhere; min-width: 0; flex: 1; font-size: 12px; font-weight: 550; color: var(--text); }
.intake-file-state { flex-shrink: 0; max-width: 45%; overflow-wrap: anywhere; font-size: 11px; color: var(--text-2); }
.intake-facts, .intake-warning { margin: 4px 0 0 28px; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; color: var(--text-2); }
.intake-warning { color: var(--warn); }
.intake-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 5px 0 -4px 20px; }
.intake-actions button { min-height: 32px; padding: 5px 8px; border: 0; border-radius: 6px; background: transparent; color: var(--text-2); cursor: pointer; font: 11px var(--sans); }
.intake-actions button:not(:disabled):hover { background: var(--input); color: var(--text); }
.intake-actions button[data-action="retry"] { font-weight: 600; color: var(--text); }
.intake-summary:focus-visible, .intake-actions button:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
.intake-notice { margin: 0; padding: 9px 13px; border-top: 1px solid var(--border); color: var(--text-2); font-size: 11px; line-height: 1.5; }
@media (max-width: 640px) {
  #chips .intake-tray { border-radius: 10px; }
  .intake-summary { min-height: 46px; gap: 8px; }
  .intake-list { max-height: min(36dvh, 250px); }
  .intake-file-head { flex-wrap: wrap; gap: 6px; }
  .intake-state-icon { flex-basis: 18px; }
  .intake-file-name { flex-basis: calc(100% - 30px); }
  .intake-file-state { max-width: calc(100% - 24px); margin-left: 24px; }
  .intake-facts, .intake-warning { margin-left: 24px; }
  .intake-actions { margin-left: 15px; }
  .intake-actions button { min-height: 44px; padding: 9px; font-size: 12px; }
}

@media (pointer: coarse) { .intake-actions button { min-height: 44px; } }