/* ================================== */
/* =             Import             = */
/* ================================== */

.import-steps { padding:20px }
  .import-step { display:flex; align-items:baseline; gap:12px; margin-bottom:30px }
    .import-step > div { flex:1; min-width:0 }
    .import-step h3 { margin:0 0 8px }
    .import-step :is(p, form) { margin:0 0 10px }
  .import-step-number { flex:none; width:25px; line-height:25px; border-radius:50%; background-color:#129e41; color:#fff; text-align:center }

  .import-columns { overflow-x:auto }
    .import-columns :is(td, th) { border-right:solid 1px #eee; color:#999 }
    .import-columns :is(td, th):last-child { border-right:none }
    .import-columns :is(td, th).mapped { color:#000; background-color:#f5fff5 }

  .import-group:not([hidden]) { display:flex; flex-wrap:wrap; align-items:center; gap:10px; max-width:500px }
    .import-group input[type=text] { flex:1; width:auto }

  .import-actions { margin:0 0 30px 37px }