.exports { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 4px; }
.exports .btn { border-width: 2px; }
.dialog .dropzone { margin-top: 10px; border-color: var(--ink-4); color: var(--navy); }
.dialog .dropzone .icon { color: var(--red-dark); }
.dialog .dropzone.over { outline: 3px dashed var(--red); outline-offset: 2px; }
.dialog-body .transfer-status { min-height: 1.5em; margin-top: 8px; font-weight: 700; }
.preview { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.preview-scroll { max-height: 40vh; overflow: auto; border: 2px solid var(--navy); background: var(--white); }
.preview-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.preview-table th, .preview-table td { padding: 6px 8px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--on-navy-2); }
.preview-table th { position: sticky; top: 0; background: var(--navy); color: var(--cream); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
.preview-table .mono { font-size: 12px; white-space: nowrap; }
.result-tag { display: inline-block; padding: 2px 6px; color: var(--navy); font-weight: 700; }
.result-add { background: var(--green-soft); }
.result-skip { background: var(--yellow-soft); }
.preview-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.dialog .dropzone.disabled { opacity: 0.55; cursor: progress; }