/* cf-profiling.css — Profiling als 2. Layer, im Higgsfield-Sektionsmuster.

   Kein zweites Design: die Klassen .ig-sec/.ig-eb/.ig-grid/.ig-tile/.ig-badge kommen aus
   cf-intel.css und sind DAS Higgsfield-Muster dieser Konsole (Eyebrow-Chip, grosse fette
   Ueberschrift, gedaempfte Erklaerzeile, Icon-Kacheln mit Farbton je Modul, Pill-Chips).
   Hier stehen nur die Ergaenzungen, die es dort noch nicht gibt — alles mit Praefix pg-,
   damit nichts still ueberschrieben wird.

   ABSTANDS-VERTRAG (derselbe wie in cf-intel.css, gemessen von docs/guard-profiling.mjs):
     >= 56 px ueber jedem Sektionskopf · 20-24 px Kopf zu Raster · 16-20 px Kachel-Gap
     · 22-26 px Kachel-Polster.
   IM Slide-out gilt der Vertrag mit kleineren Zahlen — 56 px Luft ueber einem Kopf sind
   auf 560 px Lesespur eine leere Bildschirmhaelfte. Deshalb eine eigene, ebenfalls
   gemessene Staffel: 34 px im Panel, 56 px in der Flaeche. */

.sidep .ig-sec{margin:34px 0 18px;max-width:none}
.sidep .ig-sec:first-child{margin-top:6px}
.sidep .ig-sec h2{font-size:1.22rem}
/* Die Kachelbreite der Flaeche (290 px) ist im Panel zu gross: ab Stufe 2 steht der Layer
   in einer HALBEN Panelbreite (.cfs-zwei), da passt bei 280 px genau eine Kachel — und
   vier Kennzahlen stapeln sich untereinander, obwohl daneben Platz frei ist. Gemessen,
   nicht geschaetzt: bei 1326 px Panel bleiben links rund 510 px. */
.sidep .ig-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.sidep.stufe3 .ig-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}
.sidep.stufe4 .ig-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

/* ---------- Vertrauensstufe: der Rang ist die Aussage, nicht die Farbe allein ----------
   Amtlich, Bestaetigt, Abgeleitet, Schwach. Ein abgeleiteter Wert darf NIE aussehen wie
   ein amtlicher — sonst traegt eine Vermutung eine Entscheidung. Deshalb steht der Rang
   als Zahl daneben und nicht nur als Farbton. */
.pg-stufe{display:inline-flex;align-items:center;gap:6px;flex:none;
  font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:20px;white-space:nowrap}
.pg-stufe .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.pg-stufe.s-amtlich{color:var(--good);background:var(--good-bg)}
.pg-stufe.s-bestaetigt{color:var(--info);background:var(--info-bg)}
.pg-stufe.s-abgeleitet{color:var(--warn);background:var(--warn-bg)}
.pg-stufe.s-schwach{color:var(--ink-soft);background:var(--surface-3)}

/* ---------- Behauptung: Feld, Wert, Herkunft ---------- */
.pg-claim{display:flex;flex-direction:column;gap:7px;padding:24px;min-width:0}
.pg-claim-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.pg-claim-f{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.pg-claim-w{font-size:1.02rem;font-weight:800;letter-spacing:-.01em;line-height:1.35;overflow-wrap:anywhere}
.pg-claim-q{color:var(--ink-soft);font-size:.83rem;line-height:1.45}

/* ---------- Der Vorschlag der KI ----------
   Eine Tabelle waere hier falsch: der Mensch soll nicht lesen und abgleichen, sondern
   sehen und bestaetigen. Jede Zeile traegt deshalb Ziel, Herkunft und Rang bei sich. */
.pg-vor{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.pg-vz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;
  border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:13px 15px}
.pg-vz.belegt{border-color:var(--warn);background:var(--warn-bg)}
.pg-vz.drin{opacity:.55}
.pg-vz-l{min-width:0}
.pg-vz-f{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.pg-vz-w{font-weight:800;font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}
.pg-vz-q{font-size:.79rem;color:var(--ink-soft);margin-top:3px;line-height:1.45}
.pg-vz-r{display:flex;align-items:center;gap:8px;flex:none}
.pg-summe{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0}

/* ---------- Protokoll der Agenten ---------- */
.pg-log{display:flex;flex-direction:column;gap:0}
.pg-lz{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.pg-lz:last-child{border-bottom:0}
.pg-lz-t{font-size:.76rem;color:var(--ink-faint);white-space:nowrap;font-variant-numeric:tabular-nums}
.pg-lz-b{min-width:0;font-size:.88rem;line-height:1.5}
.pg-lz-a{font-weight:800;margin-right:6px}

/* ---------- Gelerntes ---------- */
.pg-lern{display:flex;flex-direction:column;gap:9px}
.pg-lp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;font-size:.9rem;line-height:1.5}
.pg-lp-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:var(--lime);color:var(--on-lime);font-size:.72rem;font-weight:900}

/* ---------- Leerer Zustand: sagt WARUM leer, nicht nur DASS ---------- */
.pg-leer{border:1px dashed var(--line-strong);border-radius:14px;padding:20px;
  font-size:.9rem;line-height:1.6;color:var(--ink-soft)}
.pg-leer b{color:var(--ink)}

/* ---------- Kachel-Zusatz fuer die Flaeche ---------- */
.pg-kpi{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.pg-kpi span{font-size:.74rem;font-weight:700;color:var(--ink-soft);
  background:var(--surface-3);border-radius:20px;padding:3px 9px;white-space:nowrap}
.pg-drin{display:flex;align-items:baseline;gap:8px}
.pg-drin b{font-family:var(--disp);font-size:1.5rem;font-weight:900;letter-spacing:-.02em}
.pg-drin span{font-size:.82rem;color:var(--ink-soft)}