/* CRM BlueIa · vue « Import » (import). Classes préfixées par .import- */

/* Fil des étapes */
.import-steps { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-bottom: var(--s-5); }
.import-step {
  display: inline-flex; align-items: center; gap: var(--s-2); min-height: var(--control-h); padding: 0 var(--s-4) 0 var(--s-2);
  border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--card); color: var(--muted);
  font: inherit; font-size: var(--fs-sm); font-weight: 600; cursor: default;
}
.import-step:not(:disabled) { cursor: pointer; }
.import-step:not(:disabled):hover { background: var(--hover); }
.import-step__n {
  display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%;
  background: var(--neutral-bg); color: var(--neutral-fg); font-family: var(--font-mono); font-size: var(--fs-sm);
}
.import-step.is-done { color: var(--ink-2); }
.import-step.is-done .import-step__n { background: var(--success-bg); color: var(--success-fg); }
.import-step.is-active { border-color: var(--accent); color: var(--ink); }
.import-step.is-active .import-step__n { background: var(--accent); color: var(--card); }

/* Zone de choix du fichier */
.import-drop {
  display: flex; align-items: center; justify-content: center; min-height: 132px; padding: var(--s-5);
  border: 2px dashed var(--line-strong); border-radius: var(--r-lg); background: var(--card); cursor: pointer; text-align: center;
}
.import-drop:hover, .import-drop.is-over { border-color: var(--accent); background: var(--hover); }
.import-drop__input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.import-drop__text { display: flex; flex-direction: column; gap: var(--s-1); }
.import-drop__title { font-family: var(--font-title); font-size: var(--fs-lg); font-weight: 600; color: var(--ink); }

/* Correspondance des colonnes */
.import-map td { max-width: 420px; }
.import-map .select { min-width: 280px; }
.import-map tr.is-muted td:first-child { text-decoration: line-through; }

/* Contrôle */
.import-kpis { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.import-grid { align-items: start; }
.import-sample .table td { max-width: 360px; vertical-align: top; }
.import-sample .select, .import-grid .select { min-width: 210px; max-width: 260px; }
.import-note { display: block; white-space: pre-wrap; color: var(--ink); }
.import-result { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1) var(--s-2); }
.import-result .cell-sub { flex-basis: 100%; }
.import-list { margin: var(--s-1) 0 0; padding-left: var(--s-4); }
.import-list li + li { margin-top: 2px; }

/* Envoi et rapport */
.import-run-line { min-height: 24px; }
.import-actions { margin-top: var(--s-2); }
.import-row-actions { display: inline-flex; gap: var(--s-1); }
.import-history .table-card { border: 0; box-shadow: none; }

@media (max-width: 1180px) {
  .import-grid__wide { grid-column: 1 / -1; }
  .import-map .select { min-width: 220px; }
}
@media (max-width: 900px) {
  .import-step__label { display: none; }
  .import-step.is-active .import-step__label { display: inline; }
}