.import-screen.ninja-import{grid-template-columns:minmax(0,1fr)}.ninja-import .csv-options{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.ninja-import .csv-options .field{flex:1;min-width:200px}.ninja-import .csv-preview{max-height:560px;overflow:auto}.ninja-import .csv-preview thead{position:sticky;top:0;z-index:1;background:var(--surface-soft)}.ninja-import .csv-preview th,.ninja-import .csv-preview td{white-space:normal;min-width:90px;font-size:12px}.ninja-import .csv-preview td small{display:block;margin-top:5px;line-height:1.5;color:var(--muted)}.ninja-import .csv-preview select{max-width:155px}.ninja-import .csv-preview input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand)}.csv-import-summary{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:18px 0}.csv-import-summary strong{font-variant-numeric:tabular-nums}.csv-issues{margin-top:16px;font-size:12px;line-height:1.8}.csv-duplicate{color:var(--negative);font-size:11px}.csv-import-account{max-width:340px}.ninja-import .csv-grouping{display:flex;align-items:center;gap:10px;font-size:13px;margin:16px 0}.ninja-import .csv-grouping input{width:16px;accent-color:var(--brand)}
.ninja-import .csv-preview th:last-child,.ninja-import .csv-preview td:last-child{min-width:235px}.ninja-import .csv-preview td:last-child select{max-width:230px;width:100%}.csv-update-diff{font-size:11px;line-height:1.7;margin:10px 0}.csv-update-diff summary{cursor:pointer;color:var(--brand);font-weight:600}.csv-update-diff ul{padding-left:16px}.csv-update-diff li{margin:8px 0}.csv-update-diff p{color:var(--muted)}
.csv-import-guide { align-self: start; }
:is(.ninja-import, .mt5-import) + .csv-import-guide { margin-top: 16px; }
.mt5-import-controls { display: flex; flex-wrap: wrap; gap: 0 16px; margin-bottom: 16px; }
.mt5-import-controls .field { flex: 1 1 240px; min-width: 0; }
.mt5-import .csv-preview { max-height: 520px; overflow: auto; }
.mt5-import .csv-preview thead { position: sticky; top: 0; z-index: 1; background: var(--surface-soft); }
.mt5-import .csv-preview td small { display: block; margin-top: 4px; color: var(--muted); }
.mt5-import .csv-preview input[type="checkbox"] { width: 17px; height: 17px; accent-color: var(--brand); }
.csv-import-guide h3 { margin: 0; }
.csv-guide-platforms { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 8px; padding: 0; list-style: none; }
.csv-guide-platforms li { padding: 4px 9px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface-soft); font-size: 12px; }
.csv-import-guide p { margin: 0 0 10px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.csv-import-guide details { border-top: 1px solid var(--line); }
.csv-import-guide summary { padding: 11px 0; color: var(--brand); font-size: 13px; font-weight: 600; cursor: pointer; }
.csv-import-guide summary:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 4px; }
.csv-guide-detail { display: grid; gap: 12px; padding: 2px 0 12px; overflow-wrap: anywhere; }
.csv-guide-detail h4 { margin: 0 0 4px; font-size: 13px; }
.csv-guide-detail p { margin: 0; }
.csv-guide-detail h4 ~ p + p { margin-top: 4px; }
