/* Trade Vantage — the trade import wizard: upload, map columns, review, commit. */

.modal-wide { max-width: 760px; }
@media (max-width: 1024px) { .modal-wide { max-width: none; } }

.import-drop {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  padding: 36px 20px; border-radius: 14px; border: 1px dashed var(--line-3);
  background: var(--surface-2); text-align: center; cursor: pointer; transition: border-color .15s, background .15s;
}
.import-drop:hover, .import-drop.dragover { border-color: var(--accent-line); background: var(--accent-tint); }
.import-drop > i { font-size: 26px; color: var(--accent); }
.import-drop-l { font: 600 14px var(--sans); color: var(--text); }
.import-drop-s { font: 400 12px var(--sans); color: var(--faint); }

/* Which way round an ambiguous text date reads — shown as the two real options, not a checkbox. */
.import-date-order { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.import-date-order .micro { margin: 0; }

.import-map-grid { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.import-map-row {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: center;
  padding: 9px 12px; border-radius: 10px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line);
}
.import-map-label { display: flex; flex-direction: column; gap: 2px; font: 500 12.5px var(--sans); color: var(--text); }
.import-map-label .req { color: var(--neg); margin-left: 3px; }
.import-map-label .hint { font-size: 10.5px; }

.preview-table { margin-top: 14px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--line); }
.preview-table table { white-space: nowrap; }

.import-review-list .trade-card { align-items: flex-start; }