/* «Импорт приемки» из УПД (EdoImport, templates/ms_edo_import.php) — как страница МойСклада «Приемки → ЭДО → Импортировать
   XML 5.03» (эталон 01.11.2026, старый дизайн): кружок шага, «Пример xml-файла», рамка загрузки ~225 px во всю ширину; шаг 2 —
   параметры и таблица сопоставления. Поля, флажки и кнопки — общие элементы Свода (widgets.css, m_controls.js). */
.ms-edo-import { padding: 20px 40px 64px; color: #222; background: #fff; font: 400 12px/normal var(--ms-font); }
.ms-edo-import .ms-edo-toolbar { position: static; height: auto; }
.ms-edo-title { margin: 10px 0 16px; padding: 0; color: #222; font: 400 18px/normal var(--ms-font); }
.ms-edo-step { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; color: #222; font: 400 14px/20px var(--ms-font); }
.ms-edo-num { display: inline-flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; width: 20px; height: 20px;
  border-radius: 50%; background: #f2683c; color: #fff; font: 700 12px/1 var(--ms-font); }
.ms-edo-step.is-done .ms-edo-num { background: #a1b900; }
.ms-edo-sample { margin-left: 4px; color: #186999; font-size: 12px; text-decoration: underline; }
.ms-edo-sample:hover { color: #f88001; }
.ms-edo-manual { margin: 0 0 12px 28px; }
.ms-edo-drop { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  box-sizing: border-box; min-height: 225px; padding: 20px; border: 2px dashed #d5dde4; border-radius: 4px; background: #fff; text-align: center; }
.ms-edo-drop.is-over { border-color: #8bb8d8; background: #f4f9fd; }
.ms-edo-picture { display: block; }
.ms-edo-drop-text { margin: 0; color: #5f6d79; font: 400 13px/18px var(--ms-font); }
.ms-edo-pick { cursor: pointer; }
.ms-edo-file { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0);
  clip-path: inset(50%); white-space: nowrap; }
.ms-edo-drop:focus-within .ms-edo-pick { outline: 2px solid #8bb8d8; outline-offset: 1px; }
.ms-edo-upload.is-sending .ms-edo-drop { opacity: .6; pointer-events: none; }
.ms-edo-errors { margin: 0 0 12px; }

.ms-edo-file-name { font-weight: 700; }
.ms-edo-doc { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; margin: 0 0 14px 28px; font: 400 12px/18px var(--ms-font); }
.ms-edo-doc > div { display: contents; }
.ms-edo-doc dt { color: #8c8c8c; }
.ms-edo-doc dd { margin: 0; color: #222; }
.ms-edo-params { display: grid; grid-template-columns: minmax(0, 460px); gap: 8px; margin: 0 0 16px 28px; }
.ms-edo-field { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 8px; }
.ms-edo-field .ms-select, .ms-edo-field .ms-pick { width: 100%; box-sizing: border-box; }
.ms-edo-field.is-invalid .ms-select, .ms-edo-field.is-invalid .ms-pick { border-color: #e0301e; }
.ms-edo-note { margin: 0 0 8px 28px; color: #5f6d79; font: 400 12px/17px var(--ms-font); }
.ms-edo-params .ms-edo-note { margin: -2px 0 2px 118px; }
.ms-edo-note.is-warn { color: #b3541e; }
.ms-edo-scroll { margin: 0 0 12px 28px; overflow-x: auto; }
.ms-edo-lines { width: 100%; border-collapse: collapse; color: #222; font: 400 12px/16px var(--ms-font); }
.ms-edo-lines th { padding: 6px 8px; border-bottom: 1px solid #d9d9d9; background: #f5f5f5; color: #555; font-weight: 400; text-align: left; white-space: nowrap; }
.ms-edo-lines td { padding: 5px 8px; border-bottom: 1px solid #ececec; vertical-align: top; }
.ms-edo-lines .ms-edo-num-col { text-align: right; white-space: nowrap; }
.ms-edo-lines .ms-edo-n { width: 28px; color: #8c8c8c; }
.ms-edo-lines .ms-edo-name small, .ms-edo-hint { display: block; margin-top: 2px; color: #8c8c8c; font-size: 11px; }
.ms-edo-lines .ms-edo-item { min-width: 260px; }
.ms-edo-lines .ms-edo-item .ms-pick { width: 100%; }
.ms-edo-hint-missing, .ms-edo-hint-ambiguous { color: #b3541e; }
.ms-edo-line.is-invalid td { background: #fff4f2; }
.ms-edo-total { margin: 0 0 10px 28px; font: 400 12px/18px var(--ms-font); }
.ms-edo-total .ms-edo-note { display: inline; margin: 0; }
.ms-edo-actions { margin-left: 28px; }
.ms-edo-again .ms-check { display: flex; margin-top: 6px; }
.ms-edo-again.is-invalid { color: #c0392b; }
@media (max-width: 700px) {
  .ms-edo-import { padding: 14px 16px 40px; }
  .ms-edo-field { grid-template-columns: minmax(0, 1fr); }
  .ms-edo-params .ms-edo-note { margin-left: 0; }
}