/* Das Anschreiben zur Stelle (Schritt 8 im CV-Generator, anschreiben.js) und
   sein Blatt vor dem Lebenslauf. Dieselben Bausteine wie lebenslauf.css
   (Karten, Felder, Vorschlag, KI-Kennzeichnung) -- hier nur, was dazukommt.

   Keine eigenen Farbwerte (Regel 8): nur die semantischen Tokens aus
   assets/app.css. Das Blatt erbt Vorlage („Klassisch“/„Modern“) und Schrift
   vom Lebenslauf; ein Foto hat es nie. */

/* ---------------------------------------------------------------- Liste */

.as-titel{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.as-titel .leise{margin:0;font-weight:400}
.as-titel:focus{outline:none}
.as-leer{font-size:14px;line-height:21px;color:var(--ink-2);margin:6px 0 4px}
.as-briefe li{align-items:center;flex-wrap:wrap}
.as-brief-text{flex:1 1 220px;min-width:0}
.as-brief-text b{display:block;overflow-wrap:anywhere}
.as-brief-knoepfe{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
.chip.as-weg,.chip.as-ve{display:inline-block;font-size:12px;line-height:18px;min-height:0;padding:1px 9px;
                         cursor:default;border-color:transparent}
.chip.as-weg{background:var(--pastel-sand);color:var(--pastel-sand-ink);margin-top:4px}
.chip.as-ve{background:var(--pastel-teal);color:var(--pastel-teal-ink)}
.as-frage{display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:var(--pastel-rose);
          color:var(--pastel-rose-ink);border-radius:var(--radius);padding:6px 8px;font-size:13px}

/* ---------------------------------------------------------------- Editor */

.as-zurueck{margin:0 0 8px}
.as-stelle{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center;background:var(--surface);
           border-radius:var(--radius);padding:10px 12px;margin:0 0 10px;font-size:14px;line-height:20px}
.as-stelle b{flex:1 1 100%;color:var(--brand-navy);overflow-wrap:anywhere}
.as-stelle > span:not(.chip){color:var(--ink-2)}
.as-zeile{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 6px}
.as-label{font-size:13px;font-weight:600;color:var(--ink-2)}
.as-zaehler{text-align:right}
.as-teil .feld{margin-bottom:4px}
.as-vorschlag{margin:0 0 12px}
.as-vorschlag:empty{display:none}
.as-vorschlag .vorschlag{margin-top:4px}
.as-vorschlag .vkopf .leise{margin:0}
.as-vorschlag-text{white-space:pre-line}
.as-ki{margin:6px 0 14px}
.as-ki:empty{display:none}
.as-ki .vkopf{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.as-ki .zeile-hinweis{font-size:12px;color:var(--ink-3)}
.as-ki .ki-meldung{margin:0 0 10px}

/* „Ins PDF“ in Schritt 9, nur mit offenem Anschreiben */
.druck-wahl{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;margin:12px 0 0}
.druck-wahl .leise{flex:1 1 100%;margin:0}

/* ---------------------------------------------------------------- Vorschau */
/* In Schritt 8 mit offenem Anschreiben steht das Anschreiben in der Vorschau,
   sonst der Lebenslauf. Die Sprache dort gilt dem Lebenslauf -- das
   Anschreiben hat seine eigene im Editor. */
.brief-fuss{display:none}
@media screen{
  .vorschau:not(.zeigt-brief) #brief{display:none}
  .vorschau.zeigt-brief #blatt{display:none}
  .vorschau.zeigt-brief :is(#seg-sprache,#en-hinweis,#foto-hinweis,.nur-cv){display:none !important}
  .vorschau.zeigt-brief .brief-fuss{display:block}
}

/* ---------------------------------------------------------------- Das Blatt */
/* Ein A4-Blatt, Raender wie der Lebenslauf und gleich im Druck: Was die
   Vorschau misst (anschreiben.js, einpassen), steht so auch im PDF. Die
   Schrift des Texts setzt die Seite in Stufen (--brief-pt), bis alles auf
   eine Seite passt. */
.a4.brief,.a4.brief.modern{padding:14mm 17mm 14mm;font-size:var(--brief-pt, 10pt);line-height:1.45}
.a4.brief .cv-kopf{margin-bottom:8mm}
.a4.brief .cv-kopf h1{font-size:18pt}
.a4.brief .cv-titel{font-size:10pt;margin:1.5mm 0 2mm}
.a4.brief.classic .cv-kopf{border-bottom:.6pt solid var(--line);padding-bottom:4mm}
.a4.brief.modern .cv-kopf{margin:-14mm -17mm 8mm;padding:10mm 17mm 6mm}
.a4.brief .brief-an{white-space:pre-line;margin-bottom:7mm}
.a4.brief .brief-datum{text-align:right;margin-bottom:6mm}
.a4.brief .brief-betreff{font-weight:700;margin-bottom:5mm}
.a4.brief .brief-anrede{margin-bottom:3mm}
.a4.brief .brief-text p{margin-bottom:3mm;white-space:pre-line}
.a4.brief .brief-gruss{margin-top:5mm}
.a4.brief .brief-name{margin-top:11mm}
.a4.brief .brief-anlage{display:none;margin-top:7mm;color:var(--ink-2);font-size:.9em}
@media screen{
  .a4.brief .brief-anlage{display:block}
}
/* Zum Messen, waehrend der Lebenslauf in der Vorschau steht. */
.a4.brief.messen{display:block !important;position:absolute !important;left:0;top:0;visibility:hidden}

/* Druck: Ohne Wahl (Strg+P) nur der Lebenslauf wie bisher. Mit
   `data-druck` am Dokument (lebenslauf.js, „PDF herunterladen“): Anschreiben +
   Lebenslauf als ein Dokument, das Anschreiben zuerst -- oder eines allein.
   „Anlage: Lebenslauf“ nur im gemeinsamen Dokument. Keine KI-Fusszeile. */
@media print{
  #brief{display:none !important}
  html[data-druck="beides"] #brief,
  html[data-druck="brief"] #brief{display:block !important}
  html[data-druck="brief"] #blatt{display:none !important}
  html[data-druck="beides"] #brief{break-after:page}
  html[data-druck="beides"] .a4.brief .brief-anlage{display:block}
  .a4.brief,.a4.brief.modern{padding:14mm 17mm 14mm}
  .vorschau .foto-hinweis,.brief-fuss{display:none !important}
}