/* „Bring Deinen KI-Verlauf mit" — Karte im Profil, js/ki-import.js (seit 30.10.2026: Prompt statt Upload). */
.kiimp { gap: var(--sp-3); }
.kiimp[hidden] { display: none; }
.kiimp__kopf { display: grid; gap: var(--sp-1); }
.kiimp__kopf .h-md { letter-spacing: var(--track); }
.kiimp__intro, .kiimp__datenschutz, .kiimp__hinweis { margin: 0; }
.kiimp__datenschutz { font-size: 12.5px; }

.kiimp__wahl { border: 0; margin: 0; padding: 0; display: grid; gap: var(--sp-2); min-width: 0; }
.kiimp__wahl legend { padding: 0; margin-bottom: var(--sp-2); }
.kiimp__chips { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.kiimp__chip {
  font: inherit; font-size: 13px; font-weight: 600; line-height: 18px; cursor: pointer;
  padding: 7px 14px; border-radius: 999px;
  border: 1px solid var(--c-brand-purple-200, #DCD6FF);
  background: transparent; color: var(--content-base-primary);
}
.kiimp__chip:hover { border-color: var(--c-brand-purple-500); }
.kiimp__chip.is-an { background: var(--c-brand-purple-500); border-color: var(--c-brand-purple-500); color: #fff; }
.kiimp__chip:focus-visible { outline: 2px solid var(--c-brand-purple-500); outline-offset: 2px; }

.kiimp__anleitung, .kiimp__zielwahl, .kiimp__ergebnis { display: grid; gap: var(--sp-2); }
.kiimp__schritte, .kiimp__ablauf {
  margin: 0; padding-left: 1.3em; display: grid; gap: 6px;
  font-size: 13.5px; line-height: 1.5; color: var(--content-base-primary);
}
.kiimp__ablauf { color: var(--content-base-secondary); }
.kiimp__select {
  font: inherit; font-size: 14px; padding: 8px 10px; border-radius: 10px; max-width: 100%;
  border: 1px solid var(--c-brand-purple-200, #DCD6FF); background: var(--surface-base-primary, #fff);
  color: var(--content-base-primary);
}
.kiimp__aktion { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.kiimp__prompt { max-height: 260px; overflow: auto; white-space: pre-wrap; }
.kiimp__kopieren.is-kopiert { background: var(--c-teal-500); }
.kiimp__ergebnis a, .kiimp__anleitung a { color: var(--c-brand-purple-500); font-weight: 600; }

.kiimp__meldung { margin: 0; font-size: 13px; line-height: 1.5; color: var(--content-base-secondary); }
.kiimp__meldung--fehler { color: var(--c-red-600, #C62828); }

@media (max-width: 560px) {
  .kiimp__kopieren, .kiimp__aktion .btn { width: 100%; }
}