/* Baustein claude_import: Seite des Claude-Imports (Bedienkonzept E38).
   Ausrollen bis zur Begehung, Bauplan 3B. Besitzer: B1c. Leer angelegt
   von B0a. Die Grundvorlage bindet die Datei nach dem globalen Stylesheet
   ein. Nur Regeln fuer eigene, neue Klassen; Farben als Token mit
   Rueckfall; eine Regel fuer die Telefonbreite (560px). */

/* Zwei Schritte untereinander, durch eine Linie getrennt. */
.claude-import > * + * { margin-top: 18px; }
.claude-import-schritt + .claude-import-schritt {
  padding-top: 18px; border-top: 1px solid var(--border, #e2e7ee);
}
.claude-import-titel {
  margin: 0 0 10px; font-size: 1.05rem; color: var(--navy, #1F4570);
}

/* Prompt und Antwort sind Maschinentext: Festbreite, nicht umgebrochen
   formatiert, aber in der Breite der Karte. */
.claude-import-prompt,
.claude-import-formular textarea {
  width: 100%; box-sizing: border-box;
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono',
               monospace;
  font-size: 0.85rem; line-height: 1.45;
}
.claude-import-prompt {
  background: var(--grau-hell, #f4f6f9); color: var(--text, #1c2733);
  resize: vertical;
}

/* "Prompt kopieren" und die Rueckmeldung in einer Zeile. */
.claude-import-kopie {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin: 8px 0 0;
}
.claude-import-meldung { color: var(--muted, #5f7183); font-size: 0.9rem; }
.claude-import-meldung:empty { display: none; }

@media (max-width: 560px) {
  .claude-import-kopie { flex-direction: column; align-items: stretch; }
  .claude-import-prompt { font-size: 0.8rem; }
}