/* 2.93.2: To a supplier, from any case (to-supplier.js) */
.tsup-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0; }
.tsup-chip { display: inline-flex; align-items: center; gap: 2px; padding: 2px 10px; border-radius: 999px; font-size: 0.85em; text-decoration: none; border: 1px solid var(--border, #d0d7de); color: inherit; background: var(--panel, transparent); }
.tsup-chip.tsup-wait { border-color: color-mix(in srgb, #b7791f 45%, transparent); }
.tsup-chip.tsup-ans { border-color: color-mix(in srgb, #2f855a 55%, transparent); font-weight: 600; }
.tsup-chip:hover, .tsup-chip:focus-visible { text-decoration: underline; }
.tsup-results { display: flex; flex-direction: column; gap: 2px; max-height: 220px; overflow-y: auto; margin-top: 4px; }
.tsup-hit { text-align: start; background: none; border: 1px solid transparent; border-radius: 6px; padding: 6px 8px; cursor: pointer; color: inherit; }
.tsup-hit:hover, .tsup-hit:focus-visible { border-color: var(--border, #d0d7de); background: var(--hover, rgba(127, 127, 127, 0.08)); }
.tsup-picked { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.tsup-ch, .tsup-dfs { border: 1px solid var(--border, #d0d7de); border-radius: 8px; padding: 6px 10px; margin: 8px 0; }
.tsup-ch label { margin-inline-end: 14px; }
.tsup-details { display: flex; flex-direction: column; gap: 4px; }
.tsup-detail { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.tsup-files { display: flex; flex-direction: column; gap: 2px; max-height: 160px; overflow-y: auto; }
.tsup-warn { color: #b7791f; margin: 4px 0; }
.tsup-preview textarea { width: 100%; }
.tsup-msg { border: 1px solid var(--border, #d0d7de); border-radius: 8px; padding: 6px; margin-bottom: 6px; }
.tsup-msg textarea { width: 100%; margin-top: 4px; }
.tsup-recent { margin-top: 6px; }