/* feedback.css -- an image dragged or pasted becomes a ticket (feedback.js). Tokens from core.css. */

.fb-zone { position: fixed; inset: 0; z-index: 9000; pointer-events: none; display: flex; align-items: center; justify-content: center; text-align: center;
  background: color-mix(in srgb, var(--bg, #000) 70%, transparent); border: 3px dashed var(--focus); color: var(--text-strong); font-size: calc(var(--ui-fs) * 20 / 13); font-weight: 600; padding: 16px; }
.fb-card { width: 460px; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto; display: flex; flex-direction: column; gap: 10px; }
.fb-h { margin: 0; font-size: calc(var(--ui-fs) * 15 / 13); font-weight: 600; color: var(--text-strong); }
.fb-prev { display: flex; flex-wrap: wrap; gap: 6px; max-height: 40vh; overflow: auto; }
.fb-img { max-width: 100%; max-height: 32vh; object-fit: contain; border: 1px solid var(--rule); border-radius: var(--radius-sm); }
.fb-prev .fb-img:not(:only-child) { max-width: 140px; max-height: 100px; }
.fb-noprev { padding: 8px; border: 1px dashed var(--rule); border-radius: var(--radius-sm); color: var(--text-dim); overflow-wrap: anywhere; }
.fb-in { margin: 0; }
.fb-row { display: flex; gap: 8px; }
.fb-row .dlginput { flex: 1; min-width: 0; margin: 0; }
.fb-warn { margin: 0; color: var(--attn); font-size: calc(var(--ui-fs) * 12 / 13); }
.fb-st { margin: 0; min-height: 1em; color: var(--text-muted); font-size: calc(var(--ui-fs) * 12 / 13); }
.fb-st.fb-bad { color: var(--danger); }
.fb-bar { display: flex; justify-content: flex-end; gap: 8px; }
.fb-toast { position: fixed; right: 16px; bottom: 36px; z-index: 9100; background: var(--surface, #222); color: var(--text-strong); border: 1px solid var(--rule); border-left: 4px solid var(--focus); border-radius: var(--radius-sm); padding: 8px 12px; }
.fb-link { color: var(--focus); cursor: pointer; }
.fb-phone, .fb-file { display: none; }
body.mob .fb-phone { display: block; position: fixed; right: 12px; bottom: 64px; z-index: 8000; padding: 10px 14px; border-radius: var(--radius-sm); border: 1px solid var(--rule); background: var(--surface2); color: var(--text); font: inherit; }