/* cf-hgf.css — die Higgsfield-Bauform, aus dem Vorlagen-Pack GEMESSEN statt geschaetzt.

   Quelle: /home/dev/ablage/ordner/2026-07/Higgsfiel Design Pack (19 Aufnahmen),
   CallFluence Design & Function (45), Fluence Marketing Suite (19). Der Operator hat sie
   in die Inbox gelegt; ein `einsortieren`-Lauf hat sie am 31.07. 12:21 nach ~/ablage
   verschoben — deshalb waren sie nicht auffindbar, nicht weil es sie nicht gab.

   GEMESSEN (Haeufigkeitsanalyse ueber alle 83 Aufnahmen, nicht aus der Erinnerung):
     Flaechen  #0B0B0B (Buehne) · #161718 (Karte) · #1F2123 (Innenfeld) · #36383B (Linie)
     Akzente   #DAFD55 Neon (mit Abstand dominant) · #EA3488 / #DA3572 Pink · #1D36CC Blau

   WAS UEBERNOMMEN WIRD UND WAS NICHT — das ist die eigentliche Entscheidung.
   NICHT uebernommen: die Farben. Diese Konsole ist white-label; ein zweites Farbsystem
   waere genau der Fehler, den docs/guard-whitelabel-tokens.mjs seit dem 28.07. bewacht.
   Higgsfields Neon ist nicht das Neon des Mandanten, und ein Pink, das nirgends aus einer
   Einstellung kommt, ist beim ersten fremden Marken-Kit falsch.

   UEBERNOMMEN wird, was farblos ist und die Handschrift traegt:
     1. Die Auszeichnungs-Pille: winzig, versal, sehr fett, KURSIV. Im Pack tragen genau
        die werbenden Etiketten diese Schraeglage ("LEARN FOR FREE", "NEW", "25% OFF",
        "55% CHEAPER"), die sachlichen NICHT ("Video", "Image"). Diese Unterscheidung ist
        die halbe Miete: die Schraeglage sagt "das ist ein Angebot", nicht "das ist ein
        Zustand". Wer sie ueberall setzt, hat den Ton kopiert und die Aussage verloren.
     2. Der Hervorhebungs-Streifen ueber der empfohlenen Karte plus durchgezogener Rand
        in derselben Farbe — im Pack "RECOMMENDED" / "BEST VALUE".
     3. Der durchgestrichene Altwert in der Akzentfarbe direkt neben dem neuen Wert.
     4. Die Ueberschrift: schwerer und enger gesetzt als im Bestand.
   Alle vier ziehen ihre Farbe aus den Mandanten-Variablen. Das ist die Interpretation
   auf CallFluence-Niveau: die Handschrift, nicht die Tinte. */

/* ---------------------------------------------------------- 1. Auszeichnungs-Pille
   Gilt fuer die AKZENT-Varianten der bestehenden Etiketten. Die sachlichen (mut, b-ext)
   bleiben aufrecht — siehe Begruendung oben. */
.ig-badge.b-live, .ig-badge.b-warte, .ig-badge.b-token,
.kw-badge.good, .kw-badge.warn, .kw-badge.bad,
.pg-stufe.s-amtlich, .pg-stufe.s-bestaetigt, .pg-stufe.s-abgeleitet {
  font-style: italic;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .66rem;
}
/* Sachliche Etiketten: gleiche Groesse und Versalien, aber aufrecht — sie behaupten
   nichts, sie benennen. */
.ig-badge.b-ext, .kw-badge.mut, .kw-badge.info, .pg-stufe.s-schwach {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .66rem;
}

/* Herkunft und Lead-Ampel tragen dieselbe Unterscheidung, deshalb stehen ihre Etiketten hier
   und nicht in der Seite: AUFRECHT, wenn sie einen Zustand benennen (Beweisart, Ampelfarbe,
   Partner-Status) — KURSIV nur, wenn sie zum Handeln auffordern (die Empfehlung im Eingang).
   Genau diese Trennung ist der uebernommene Teil der Vorlage; wer sie aufgibt, hat den Ton
   kopiert und die Aussage verloren. */
.hk-eti {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 8px; border-radius: 999px;
  border: 1px solid var(--line-strong); background: var(--surface-3); color: var(--ink-soft);
  font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: .66rem;
  white-space: nowrap;
}
.hk-eti.ruft { font-style: italic; font-weight: 900; letter-spacing: .08em }
.hk-eti.gut { background: var(--good-bg); border-color: transparent; color: var(--good) }
.hk-eti.mahnt { background: var(--warn-bg); border-color: transparent; color: var(--warn) }
.hk-eti.stoppt { background: var(--bad-bg); border-color: transparent; color: var(--bad) }
.hk-eti.weiss-nicht { background: transparent; border-style: dashed; color: var(--ink-faint) }

/* ------------------------------------------------------ 2. Hervorhebungs-Streifen
   Eine Karte, die im Pack empfohlen wird, traegt einen farbigen Kopfstreifen UND einen
   durchgezogenen Rand derselben Farbe. Beides zusammen — nur der Rand allein liest sich
   wie ein Fokus-Zustand, nur der Streifen wie eine Ueberschrift. */
.hgf-hebt { position: relative; border-color: var(--lime); }
.hgf-band {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  margin: calc(-1 * var(--pad, 24px)) calc(-1 * var(--pad, 24px)) 16px;
  padding: 8px 14px;
  background: var(--lime); color: var(--on-lime);
  border-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
  font-size: .68rem; font-weight: 900; font-style: italic;
  text-transform: uppercase; letter-spacing: .1em; white-space: nowrap;
}
.hgf-band .ic { width: 14px; height: 14px }

/* --------------------------------------------------------- 3. Alt- und Neuwert
   Der Altwert steht durchgestrichen in der Akzentfarbe DIREKT neben dem neuen — nicht
   darueber, nicht kleiner. Im Pack ist das der auffaelligste Preis-Kniff. */
.hgf-preis { display: inline-flex; align-items: baseline; gap: 10px; flex-wrap: wrap }
.hgf-alt { text-decoration: line-through; color: var(--lime); font-weight: 900 }
.hgf-neu { font-family: var(--disp); font-weight: 900; letter-spacing: -.02em }

/* ------------------------------------------------------------ 4. Die Ueberschrift
   Im Pack sind die Sektionsueberschriften deutlich schwerer und enger als im Bestand.
   Angepasst wird NUR Gewicht und Laufweite — die Groesse bleibt, sonst kippt der
   Abstandsvertrag aus cf-intel.css, den guard-intelligenz misst. */
.ig-sec h2 { font-weight: 900; letter-spacing: -.03em }