/* Import d'un site Web entier : encadré de suivi dans l'onglet Base de connaissances. */

.importation-suivi:empty { display: none; }
.importation-suivi { margin-bottom: 18px; }
.importation-suivi .carte-corps { display: grid; gap: 10px; }

.importation-barre { height: 7px; border-radius: 4px; background: var(--surface-2); overflow: hidden; }
.importation-barre i { display: block; height: 100%; min-width: 4px; border-radius: 4px; background: var(--serie); transition: width 0.5s ease; }
.importation-barre.active i {
  background: linear-gradient(90deg, var(--serie) 0 40%, var(--accent-survol) 50%, var(--serie) 60% 100%);
  background-size: 200% 100%;
  animation: importation-glisse 1.4s linear infinite;
}
@keyframes importation-glisse { from { background-position: 200% 0; } to { background-position: 0 0; } }

.importation-bilan { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.importation-bilan:empty { display: none; }

.importation-pages { display: grid; border-top: 1px solid var(--trait); max-height: 420px; overflow-y: auto; }
.importation-pages[hidden] { display: none; }
.importation-page {
  display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 2px 12px; align-items: start;
  padding: 10px 20px; border-bottom: 1px solid var(--trait); font-size: 13px;
}
.importation-page:last-child { border-bottom: 0; }
.importation-page .etiquette { justify-self: start; }
.importation-page .adresse { color: var(--encre-3); font-size: 12px; overflow-wrap: anywhere; }
.importation-page .adresse a { color: inherit; }
.importation-page .raison { color: var(--encre-2); font-size: 12.5px; }

@media (max-width: 820px) {
  .importation-page { grid-template-columns: 1fr; }
}