.mysklad-export-view { width:100%; min-width:0; padding:28px 40px; }
.mysklad-export-view [hidden] { display:none !important; }
.mysklad-export-page { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; width:100%; gap:14px; max-width:1900px; margin:0 auto; }
.mysklad-export-page > *,.mysklad-export-card > * { min-width:0; }
.mysklad-export-view .message { grid-column:1 / -1; align-self:start; overflow-wrap:anywhere; }
.mysklad-export-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.mysklad-export-heading h2,.mysklad-export-heading h3 { margin:0 0 5px; }
.mysklad-export-heading p { margin:0; color:#64748b; }
.mysklad-export-history-card { display:grid; gap:20px; padding:30px 32px; border-radius:18px; }
.mysklad-export-history-card .mysklad-export-heading { align-items:center; }
.mysklad-export-history-card .mysklad-export-heading h2 { font-size:27px; }
.mysklad-export-history-card .mysklad-export-heading p { font-size:18px; }
.mysklad-export-history-list { display:grid; gap:12px; }
.mysklad-export-history-item { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:74px; padding:14px 18px; border:1px solid #d5dfed; border-radius:14px; background:#fff; cursor:pointer; }
.mysklad-export-history-item:hover,.mysklad-export-history-item:focus-visible { border-color:#9ab5e5; box-shadow:0 4px 14px rgba(37,99,235,.08); outline:none; }
.mysklad-export-history-main { display:grid; gap:4px; min-width:0; }
.mysklad-export-history-main strong { font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mysklad-export-history-main small { color:#64748b; font-weight:600; }
.mysklad-export-history-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex:0 0 auto; }
.mysklad-export-history-empty { padding:32px; text-align:center; color:#64748b; border:1px dashed #cbd7e6; border-radius:14px; }
.mysklad-export-card { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; max-width:100%; gap:16px; padding:18px; }
.mysklad-export-editor-toolbar { display:flex; justify-content:flex-end; }
.mysklad-export-step { gap:20px; padding:30px 32px; border-radius:18px; }
.mysklad-export-step-heading { display:flex; align-items:flex-start; gap:16px; }
.mysklad-export-step-heading h2 { margin:0 0 4px; font-size:25px; }
.mysklad-export-step-heading p { margin:0; color:#64748b; font-size:17px; }
.mysklad-export-step-number { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:12px; background:#e3edff; color:#2563b9; font-size:21px; font-weight:800; }
.mysklad-export-file-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:16px; }
.mysklad-export-file-row label { display:grid; gap:7px; }
.mysklad-export-file-row button { min-height:48px; }
.mysklad-export-config-grid { display:grid; grid-template-columns:minmax(210px,1fr) minmax(330px,2fr) minmax(190px,.8fr) minmax(190px,.7fr); gap:18px; align-items:start; }
.mysklad-export-config-grid label,.mysklad-export-card>label,.mysklad-export-filter label { display:grid; gap:6px; }
.mysklad-export-config-grid > *,.mysklad-export-file-row > *,.mysklad-export-supplier-picker label { min-width:0; }
.mysklad-export-view input,.mysklad-export-view select { max-width:100%; }
.mysklad-export-config-grid label>span,.mysklad-export-file-row label>span,.mysklad-export-result-filter>span { font-weight:700; }
.mysklad-export-config-grid em { color:#b33a2e; font-size:12px; font-style:normal; }
.mysklad-export-supplier-picker { display:grid; gap:7px; }
#mySkladExportConfig { min-width:0; }
#mySkladExportConfig .row-actions { justify-content:flex-start; }
.mysklad-export-columns { width:100%; min-width:0; overflow:auto; border:1px solid #dbe3ef; border-radius:12px; }
.mysklad-export-raw-preview summary { cursor:pointer; font-weight:700; margin-bottom:8px; color:#315f9e; font-size:17px; }
.mysklad-export-raw-preview { min-width:0; max-width:100%; }
.mysklad-export-raw-preview .registry-table-wrap { width:100%; min-width:0; max-width:100%; max-height:420px; overflow:auto; }
.mysklad-export-raw-preview table { min-width:max-content; }
.mysklad-export-columns table { width:max-content; min-width:100%; table-layout:fixed; border-collapse:collapse; }
.mysklad-export-columns th,.mysklad-export-columns td { min-width:210px; width:210px; max-width:210px; padding:7px 9px; border-right:1px solid #dbe3ef; border-bottom:1px solid #dbe3ef; vertical-align:middle; text-align:left; font-size:15px; line-height:1.35; }
.mysklad-export-columns thead tr:first-child th { background:#fff; padding:10px; }
.mysklad-export-columns thead tr:nth-child(2) th { background:#f2f6fb; color:#617087; font-weight:400; text-transform:none; letter-spacing:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mysklad-export-columns th select { width:100%; min-height:44px; }
.mysklad-export-columns .mysklad-export-row-number { min-width:50px; width:50px; max-width:50px; text-align:center; background:#f2f6fb; font-weight:800; }
.mysklad-export-columns td { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mysklad-export-columns .mysklad-export-column-ignored { background:#f4f5f7 !important; color:#7a8495; }
.mysklad-export-columns th.mysklad-export-column-ignored select { background:#fff; color:#7a8495; border-color:#cbd5e1; }
.mysklad-export-info { padding:16px 18px; border:1px solid #bfd4fa; border-radius:12px; background:#f3f7ff; color:#314b72; line-height:1.5; }
.mysklad-export-placeholder { padding:16px; border-radius:10px; background:#eef3f9; color:#64748b; }
.mysklad-export-stats { display:flex; flex-wrap:wrap; gap:9px; }
.mysklad-export-enabled-fields { display:flex; flex-wrap:wrap; gap:10px; }
.mysklad-export-enabled-fields label { display:flex; align-items:center; gap:6px; padding:8px 10px; background:#f5f7fb; border-radius:8px; }
.mysklad-export-stats span { padding:7px 11px; border-radius:999px; background:#eef3f9; font-weight:700; }
.mysklad-export-view progress { width:100%; height:14px; }
.mysklad-export-filter { max-width:260px; }
.mysklad-export-summary { margin:0; font-size:17px; }
.mysklad-export-result-filter { display:grid; gap:6px; }
.mysklad-export-result-filter select { width:100%; min-height:48px; }
.mysklad-export-run-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.mysklad-export-run-actions a { font-weight:700; }
#mySkladExportResult { min-width:0; }
#mySkladExportResult .registry-table-wrap { width:100%; min-width:0; height:auto; max-height:none; overflow-x:auto; overflow-y:hidden; border:1px solid #dbe3ef; border-radius:12px; }
#mySkladExportResult table { width:100%; border-collapse:collapse; table-layout:auto; }
#mySkladExportResult th,#mySkladExportResult td { padding:7px 9px; border:1px solid #dbe3ef; text-align:left; vertical-align:top; white-space:normal; overflow-wrap:anywhere; font-size:15px; line-height:1.35; }
#mySkladExportResult th { background:#edf3fb; color:#68768a; font-size:13px; font-weight:700; }
#mySkladExportResult td { background:#fff; color:#172033; }
#mySkladExportResult th:first-child { width:6%; }
#mySkladExportResult th:last-child { width:21%; }
#mySkladExportResult .mysklad-export-result-filter { width:100%; max-width:none; }
#mySkladExportResult #mySkladExportTable { table-layout:fixed; }
#mySkladExportTable th { position:relative; }
#mySkladExportTable th:first-child,#mySkladExportTable th:last-child { width:auto; }
#mySkladExportTable th input,#mySkladExportTable th select { width:100%; min-width:0; min-height:30px; padding:4px 6px; }
#mySkladExportTable td input[type=checkbox] { width:18px; height:18px; min-height:0; cursor:pointer; }
#mySkladExportTable .column-resize-handle { position:absolute; right:0; top:0; width:8px; height:100%; cursor:col-resize; touch-action:none; }
#mySkladExportTable .column-resize-handle:focus-visible { background:#93b4fa; }
.mysklad-export-fields-card { display:grid; gap:18px; padding:30px 32px; border-radius:18px; }
.mysklad-export-field-list { display:grid; gap:10px; }
.mysklad-export-field-row { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:66px; padding:12px 16px; background:#fff; border:1px solid #d5dfed; border-radius:12px; }
.mysklad-export-field-row strong { font-size:18px; }
.mysklad-export-field-picker { display:grid; grid-template-columns:minmax(260px,1fr) minmax(340px,1fr) auto auto; gap:12px; align-items:end; }
.mysklad-export-field-picker label { display:grid; gap:6px; }
.mysklad-export-field-picker label>span { font-weight:700; }
.mysklad-export-field-picker button { min-height:44px; }
.mysklad-export-status { display:inline-block; padding:4px 8px; border-radius:7px; background:#eef3f9; font-weight:700; }
.mysklad-export-status[data-status="DRAFT"],.mysklad-export-status[data-status="PREVIEWED"],.mysklad-export-status[data-status="INTERRUPTED"] { background:#e5edff; color:#2459a9; }
.mysklad-export-status[data-status="SUCCESS"],.mysklad-export-status[data-status="READY"],.mysklad-export-status[data-status="COMPLETED"] { background:#dcfce7; color:#166534; }
.mysklad-export-status[data-status="ERROR"],.mysklad-export-status[data-status="INVALID"],.mysklad-export-status[data-status="FAILED"],.mysklad-export-status[data-status="STOPPED"] { background:#fee7e2; color:#a33b2c; }
.mysklad-export-status[data-status="QUEUED"],.mysklad-export-status[data-status="RUNNING"],.mysklad-export-status[data-status="STOPPING"] { background:#fef3c7; color:#92400e; }
.mysklad-export-status[data-status="AMBIGUOUS"],.mysklad-export-status[data-status="CONFLICT"] { background:#fef3c7; color:#92400e; }
.mysklad-export-actions { white-space:nowrap; }
@media (max-width:1100px) { .mysklad-export-view{padding:18px}.mysklad-export-config-grid{grid-template-columns:1fr 1fr}.mysklad-export-field-picker{grid-template-columns:1fr 1fr}.mysklad-export-heading{flex-direction:column}.mysklad-export-history-card,.mysklad-export-step,.mysklad-export-fields-card{padding:22px}.mysklad-export-history-item{align-items:flex-start}.mysklad-export-history-actions{flex-wrap:wrap} }
@media (max-width:700px) { .mysklad-export-config-grid,.mysklad-export-file-row,.mysklad-export-field-picker{grid-template-columns:1fr}.mysklad-export-step-heading{align-items:center}.mysklad-export-step-heading h2{font-size:21px} }

/* Compact export workspace. Tables keep their own horizontal scrolling. */
.mysklad-export-view { padding:12px 18px; }
.mysklad-export-page { gap:10px; }
.mysklad-export-view .card { margin-bottom:0; padding:14px 16px; border-radius:12px; gap:10px; }
.mysklad-export-step-heading { gap:10px; align-items:center; }
.mysklad-export-step-heading h2,.mysklad-export-history-card .mysklad-export-heading h2 { font-size:20px; margin:0 0 2px; }
.mysklad-export-step-heading p,.mysklad-export-history-card .mysklad-export-heading p { font-size:13px; line-height:1.4; }
.mysklad-export-step-number { flex-basis:30px; height:30px; border-radius:8px; font-size:16px; }
.mysklad-export-view .settings-hint,.mysklad-export-view p { margin-top:0; margin-bottom:0; }
.mysklad-export-view input:not([type=checkbox]),.mysklad-export-view select { min-height:34px; padding:6px 9px; font-size:13px; }
.mysklad-export-view button { min-height:32px; padding:7px 11px; font-size:13px; }
.mysklad-export-config-grid { grid-template-columns:minmax(150px,1fr) minmax(220px,2fr) minmax(160px,1.2fr) minmax(120px,.6fr); gap:10px; }
.mysklad-export-config-grid:has(#mySkladExportSupplierWrap[hidden]) { grid-template-columns:minmax(160px,1fr) minmax(200px,2fr) minmax(120px,.6fr); }
.mysklad-export-file-row,.mysklad-export-field-picker { gap:10px; }
.mysklad-export-file-row label,.mysklad-export-config-grid label,.mysklad-export-supplier-picker { gap:4px; }
.mysklad-export-raw-preview summary { font-size:13px; margin-bottom:5px; }
.mysklad-export-raw-preview .registry-table-wrap { max-height:220px; }
.mysklad-export-raw-preview th,.mysklad-export-raw-preview td { padding:5px 8px; font-size:12px; }
.mysklad-export-info { padding:8px 10px; font-size:13px; line-height:1.4; border-radius:8px; }
.mysklad-export-columns th,.mysklad-export-columns td { padding:5px 8px; font-size:13px; }
.mysklad-export-columns thead tr:first-child th { padding:6px; }
.mysklad-export-columns th select { min-height:32px; }
.mysklad-export-enabled-fields { align-items:center; gap:8px; font-size:13px; }
.mysklad-export-enabled-fields label { display:inline-flex; padding:5px 8px; white-space:nowrap; }
.mysklad-export-view input[type=checkbox] { width:16px; height:16px; min-height:0; padding:0; flex:0 0 auto; }
.mysklad-export-summary { font-size:14px; line-height:1.4; }
.mysklad-export-result-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
#mySkladExportResult .mysklad-export-result-filter { display:flex; align-items:center; gap:8px; width:auto; }
#mySkladExportResult .mysklad-export-result-filter select { width:220px; min-height:34px; }
.mysklad-export-run-actions { gap:12px; font-size:13px; }
.mysklad-export-view progress { height:8px; }
#mySkladExportSelectionCount:empty { display:none; }
#mySkladExportResult th,#mySkladExportResult td { padding:5px 8px; font-size:13px; }
#mySkladExportResult th { font-size:11px; }
.mysklad-export-top-scroll { width:100%; min-width:0; height:18px; overflow-x:scroll; overflow-y:hidden; }
.mysklad-export-top-scroll > div { height:1px; }
.mysklad-export-comparison-field { display:inline-block; margin:2px 0; }
.mysklad-export-comparison-field small { color:#a33b2c; }
.mysklad-export-price-increased { color:#b42318; }
.mysklad-export-history-item { min-height:52px; padding:9px 12px; border-radius:9px; }
.mysklad-export-history-main strong,.mysklad-export-field-row strong { font-size:14px; }
.mysklad-export-field-row { min-height:44px; padding:7px 10px; }
@media(max-width:1000px) { .mysklad-export-config-grid,.mysklad-export-config-grid:has(#mySkladExportSupplierWrap[hidden]),.mysklad-export-field-picker { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .mysklad-export-view{padding:8px}.mysklad-export-view .card{padding:10px}.mysklad-export-config-grid,.mysklad-export-config-grid:has(#mySkladExportSupplierWrap[hidden]),.mysklad-export-file-row,.mysklad-export-field-picker{grid-template-columns:minmax(0,1fr)} }

/* Unified searchable export field picker. */
.mysklad-export-field-picker { grid-template-columns:minmax(0,1fr) auto auto; }
.mysklad-export-field-picker label { min-width:0; }
@media(max-width:600px) { .mysklad-export-field-picker { grid-template-columns:1fr 1fr; } .mysklad-export-field-picker label { grid-column:1 / -1; } }