/* ═══════════════════════════════════════════════════════════════
   Firmenindex Österreich — neutral technical design system v3
   Flat · hairline borders · monospace data · one restrained accent.
   List-rows, not cards. Minimal motion.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  /* Surfaces — flat, near-black, slightly cool */
  --bg: #0a0b0d;
  --surface: #111316;
  --surface2: #17191c;
  --surface3: #1d2024;
  /* Hairlines */
  --border: rgba(255, 255, 255, 0.09);
  --border-light: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.14);
  /* Text */
  --text: #e8eaed;
  --text2: #969ba3;
  /* text3: kontrast ≥4.5:1 auf bg/surface/surface2/surface3 (WCAG 1.4.3) —
     alt #5f656d hatte 2.78–3.35:1 (axe: serious). Hierarchie bleibt:
     text2 liegt mit 6.3–7.05:1 klar darüber. */
  --text3: #828890;
  /* One restrained accent + status colors (muted) */
  --accent: #5b8def;
  --accent2: #4178d8;
  --green: #4ab866;
  --red: #e5666a;
  --orange: #d6a443;
  --purple: #a98ee0;
  --gold: #c8a95d;   /* WKO-quellenfarbe (eigenständig, keine multiplikation mit orange) */
  --text-on-color: #fff;   /* text auf farbigen flächen (primary-btn, xml-tags) */
  /* Depth — barely there */
  --shadow: none;
  --shadow-sm: none;
  --shadow-lg: none;
  /* Radii — subtle */
  --radius: 6px;
  --radius-sm: 4px;
  --radius-xs: 3px;
  /* Motion */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .12s;
  --t: .18s;
  /* Typo-Skala (42 ad-hoc-größen → 5 stufen; werte = die häufigsten
     der jeweiligen cluster — visuell praktisch identisch) */
  --fs-xs: .58rem;   /* nano-labels, meta-labels */
  --fs-sm: .72rem;   /* badges, tags, hinweise */
  --fs-s:  .74rem;   /* meta-text, secondary */
  --fs-m:  .82rem;   /* körper, karten, buttons */
  --fs-l:  .85rem;   /* emphatisch, titel klein */
  --fs-xl: .9rem;    /* prominent, section-heads */
  /* Fonts */
  --mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;
  --font: 'Inter', -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

html { scroll-behavior: smooth; }

/* In detail view the search panel hides — detail takes over the viewport */
body.detail-view .search-wrap { display: none; }

/* Unverified-seats banner (city filter) */
.unverified-banner {
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
  background: var(--surface);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  padding: .6rem .85rem;
  margin: .75rem 0;
  font-size:var(--fs-s);
  color: var(--text2);
  font-family: var(--mono);
}
.unverified-banner > span { flex: 1; min-width: 200px; }

/* evi-empty name placeholder */
.result-card .name.name-muted { color: var(--text3); font-style: italic; font-weight: 400; }

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* ── Header — thin, flat, hairline ── */
.header {
  border-bottom: 1px solid var(--border);
  padding: .7rem 1.5rem;
  display: flex;
  align-items: center;
  gap: .6rem;
  background: var(--bg);
  position: sticky;
  top: 0;
  z-index: 30;
}
.header svg { flex-shrink: 0; opacity: .55; color: var(--text2); }
.header h1 {
  font-size:var(--fs-xl);
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--text);
}
.header h1 a { color: inherit; text-decoration: none; }
.header .brand {
  margin-left: auto;
  font-size:var(--fs-sm);
  font-weight: 500;
  color: var(--text3);
  text-decoration: none;
  padding: .25rem .6rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-light);
  font-family: var(--mono);
  transition: color var(--t-fast), border-color var(--t-fast);
}
.header .brand:hover { color: var(--text); border-color: var(--border); }
.header .tag {
  font-size:var(--fs-xs);
  font-weight: 600;
  color: var(--text2);
  background: var(--surface2);
  border: 1px solid var(--border);
  padding: 2px 7px;
  border-radius: var(--radius-xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: var(--mono);
}

/* ── Search area ── */
.search-wrap {
  max-width: 760px;
  margin: 2.5rem auto 0;
  padding: 0 1rem;
}

/* Tabs — underline strip */
.tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--border);
  margin-bottom: 1.25rem;
}
.tab {
  padding: .6rem 1rem;
  border: none;
  background: none;
  color: var(--text3);
  font-size:var(--fs-m);
  font-weight: 500;
  font-family: var(--font);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color var(--t-fast), border-color var(--t-fast);
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  letter-spacing: -.005em;
}
.tab:hover { color: var(--text2); }
.tab.active {
  color: var(--text);
  border-bottom-color: var(--accent);
}

.search-box {
  display: flex;
  gap: .5rem;
  position: relative;
}
.search-box::before { display: none; }   /* no glow */

.search-box > input,
.filter-input,
.ac-input {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
  outline: none;
  font-family: var(--font);
  transition: border-color var(--t) var(--ease), background var(--t-fast);
  border-radius: var(--radius-sm);
}
/* input im chips-kontainer: NUR der kontainer hat einen rahmen —
   das innere input ist nackt (sonst doppelringe, 2px versetzt) */
.search-box .chips-input input {
  background: transparent;
  border: none;
  color: var(--text);
  outline: none;
  font-family: var(--font);
}
.search-box input {
  flex: 1;
  padding: .75rem 1rem;
  font-size:var(--fs-xl);
}
.search-box > input:focus,
.filter-input:focus,
.ac-input:focus {
  border-color: var(--accent);
  background: var(--surface2);
}
.search-box input::placeholder,
.filter-input::placeholder,
.ac-input::placeholder { color: var(--text3); }

/* ── Buttons — flat, hairline ── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .7rem 1.15rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text);
  font-size:var(--fs-m);
  font-weight: 500;
  font-family: var(--font);
  cursor: pointer;
  transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast), opacity var(--t-fast);
  white-space: nowrap;
  letter-spacing: -.003em;
}
.btn:active { transform: scale(.99); }
/* Fokus-ring nur für tastatur (focus-visible, WCAG 2.4.13): 2px accent,
   offset 2px — kontrast ~7:1 auf bg, maus-klicks bleiben clean */
.btn:focus-visible, .result-card:focus-visible, a.edge-link:focus-visible,
.rel-card:focus-visible, .hist-link:focus-visible, .chip:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
.btn-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: #0a0b0d;
  font-weight: 600;
}
.btn-primary:hover { background: var(--accent2); border-color: var(--accent2); }
.btn-danger {
  background: var(--red);
  border-color: var(--red);
  color: var(--text);
  font-weight: 600;
}
.btn-danger:hover { opacity: .85; }
.btn-ghost {
  background: transparent;
  color: var(--text2);
}
.btn-ghost:hover { color: var(--text); background: var(--surface); border-color: var(--border-strong); }
.btn-sm { padding: .4rem .75rem; font-size:var(--fs-s); }
.btn:disabled { opacity: .4; cursor: not-allowed; }

/* ── Filter rail ── */
.filter-toggle {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin: .8rem 0 0;
  font-size:var(--fs-s);
  font-weight: 500;
  color: var(--text2);
  background: none;
  border: none;
  cursor: pointer;
  padding: .2rem 0;
  font-family: var(--font);
  transition: color var(--t-fast);
}
.filter-toggle:hover { color: var(--text); }
.filter-toggle .chev { transition: transform var(--t) var(--ease); display: inline-block; font-size:var(--fs-xs); color: var(--text3); }
.filter-toggle.open .chev { transform: rotate(90deg); }
.filter-toggle .count {
  font-size:var(--fs-xs);
  font-weight: 600;
  color: var(--accent);
  background: var(--surface2);
  border: 1px solid var(--border);
  padding: 0 6px;
  border-radius: var(--radius-xs);
  min-width: 16px;
  text-align: center;
  font-family: var(--mono);
}
.filter-rail {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  transition: max-height var(--t) var(--ease), opacity var(--t-fast) var(--ease), margin var(--t) var(--ease), padding var(--t) var(--ease);
  padding: 0 1rem;
  margin-top: 0;
}
.filter-rail.open {
  max-height: 260px;
  opacity: 1;
  padding: .85rem 1rem;
  margin-top: .5rem;
}
.filter-row { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.filter-field { display: flex; flex-direction: column; gap: .3rem; }
.filter-field > label {
  font-size:var(--fs-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--text3);
  font-family: var(--mono);
}
.filter-input,
.ac-input {
  width: 100%;
  padding: .55rem .75rem;
  font-size:var(--fs-l);
}
.filter-check {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size:var(--fs-m);
  color: var(--text2);
  cursor: pointer;
  user-select: none;
}
.filter-check input { accent-color: var(--accent); width: 14px; height: 14px; cursor: pointer; }
.filter-hint { font-size:var(--fs-sm); color: var(--text3); margin-top: .4rem; }
.filter-hint a { color: var(--accent); text-decoration: none; }
.filter-hint a:hover { text-decoration: underline; }

/* ── ÖNACE autocomplete ── */
.ac-wrap { position: relative; }
.ac-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0; right: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  max-height: 280px;
  overflow-y: auto;
  z-index: 50;
  display: none;
  box-shadow: none;
  animation: fadeIn .12s var(--ease);
}
.ac-dropdown.open { display: block; }
.ac-item {
  padding: .5rem .85rem;
  cursor: pointer;
  display: flex;
  gap: .7rem;
  align-items: baseline;
  border-bottom: 1px solid var(--border-light);
  transition: background var(--t-fast);
  font-size:var(--fs-m);
}
.ac-item:last-child { border-bottom: none; }
.ac-item:hover, .ac-item.focused { background: var(--surface2); }
.ac-code { font-family: var(--mono); font-size:var(--fs-s); color: var(--accent); font-weight: 500; flex-shrink: 0; min-width: 7rem; }
.ac-label { flex: 1; color: var(--text); }
.ac-level {
  font-size:var(--fs-xs);
  color: var(--text3);
  flex-shrink: 0;
  background: var(--surface3);
  border: 1px solid var(--border);
  padding: 1px 6px;
  border-radius: var(--radius-xs);
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.chip-row { display: flex; align-items: center; gap: .5rem; margin-top: .55rem; min-height: 28px; }
.code-chip {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: var(--surface2);
  border: 1px solid var(--border);
  border-radius: var(--radius-xs);
  padding: .25rem .55rem;
  font-size:var(--fs-m);
  animation: fadeIn .15s var(--ease);
}
.chip-code { font-family: var(--mono); font-weight: 500; color: var(--accent); }
.chip-label { color: var(--text2); font-size:var(--fs-s); }
.chip-x { cursor: pointer; color: var(--text3); font-size:var(--fs-l); line-height: 1; padding: 0 2px; transition: color var(--t-fast);
  background: none; border: 0; /* button-reset: war span, jetzt tastatur-fokussierbar (a11y U9) */
  min-width: 18px; min-height: 18px; }
.chip-x:hover { color: var(--red); }
.chip-hint { font-size:var(--fs-sm); color: var(--text3); }

/* ── Results — list rows, not cards ── */
.results {
  max-width: 760px;
  margin: 1.5rem auto 0;
  padding: 0 1rem 3rem;
}
.results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .35rem;
  font-size:var(--fs-sm);
  color: var(--text3);
  flex-wrap: wrap;
  gap: .4rem;
  font-family: var(--mono);
  letter-spacing: .01em;
}
.results-header .applied { display: flex; gap: .35rem; flex-wrap: wrap; }
/* idee #25: sortier-dropdown der ADV-ergebnisliste (register-dynamik:
   „zuletzt geändert/eröffnet" direkt in der ergebnisliste wählbar) */
.adv-sort-lbl {
  display: inline-flex; align-items: center; gap: .35rem;
  color: var(--text3); font-size: var(--fs-sm);
}
.adv-sort {
  font: inherit; font-size: var(--fs-s);
  background: var(--surface); color: var(--text2);
  border: 1px solid var(--border); border-radius: 6px;
  padding: .2rem .4rem; cursor: pointer;
}
.results-header .applied span {
  background: var(--surface);
  color: var(--text2);
  padding: 2px 8px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--border-light);
  font-size:var(--fs-sm);
}

.result-card {
  background: none;
  border: none;
  text-decoration: none;      /* karte ist jetzt <a> (deep-link, B5) */
  color: inherit;
  cursor: pointer;
  border-bottom: 1px solid var(--border-light);
  border-radius: 0;
  padding: .8rem .25rem;
  margin: 0;
  cursor: pointer;
  transition: background var(--t-fast);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  position: relative;
  animation: fadeIn .2s var(--ease) both;
  animation-delay: calc(var(--i, 0) * 25ms);
}
.result-card:first-of-type { border-top: 1px solid var(--border-light); }
.result-card { transition: background var(--t-fast), border-color var(--t-fast); }
.result-card:hover { background: var(--surface); border-color: var(--border); }
.result-card::before { display: none; }   /* no gradient bar */
.result-card .rc-main { flex: 1; min-width: 0; }
.result-card .rc-line1 { display: flex; align-items: center; gap: .6rem; }
.result-card .fn {
  font-family: var(--mono);
  font-size:var(--fs-sm);
  color: var(--accent);
  background: transparent;
  border: 1px solid var(--border);
  padding: 2px 7px;
  border-radius: var(--radius-xs);
  flex-shrink: 0;
  font-weight: 500;
  letter-spacing: 0;
}
.result-card .name {
  font-size:var(--fs-xl);
  font-weight: 500;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -.012em;
}
.result-card:hover .name { color: var(--text); }
.result-card .rc-line2 {
  font-size:var(--fs-sm);
  color: var(--text3);
  margin-top: .25rem;
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
  align-items: center;
  font-family: var(--mono);
}
.result-card .seat { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-card .lf-pill { color: var(--text2); font-weight: 400; }
.result-card .src-tag {
  font-size:var(--fs-xs);
  font-weight: 600;
  color: var(--text3);
  background: var(--surface2);
  border: 1px solid var(--border-light);
  padding: 1px 6px;
  border-radius: var(--radius-xs);
  letter-spacing: .05em;
}
.result-card.loading { opacity: .5; cursor: default; background: none; }
.result-card.loading:hover { background: none; }

/* Skeleton — thin hairline bars, no box */
.skeleton-card {
  background: none;
  border: none;
  border-bottom: 1px solid var(--border-light);
  border-radius: 0;
  padding: .9rem .25rem;
  margin: 0;
  overflow: hidden;
}
.skel-line {
  height: 9px;
  border-radius: var(--radius-xs);
  background: var(--surface2);
  margin-bottom: .55rem;
  background: linear-gradient(90deg, var(--surface2) 25%, var(--surface3) 50%, var(--surface2) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.3s ease infinite;
}
.skel-line:last-child { margin-bottom: 0; width: 50%; height: 7px; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

.empty {
  text-align: center;
  color: var(--text3);
  padding: 3rem 1rem;
  font-size:var(--fs-xl);
  animation: fadeIn .2s var(--ease) both;
}
.empty .icon { font-size: 1.8rem; opacity: .4; margin-bottom: .6rem; }

/* ── Detail — flat document layout ── */
.detail {
  max-width: 760px;
  margin: 1.5rem auto 0;
  padding: 0 1rem 3rem;
  animation: fadeIn .2s var(--ease) both;
}
.detail-card {
  background: none;
  backdrop-filter: none;
  border: none;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}
.detail-header {
  padding: 0 0 1rem;
  border: none;
  /* keine eigene bottom-border: .detail-header liegt IMMER in .detail-sticky,
     das die trennlinie unterm kopf schon zeichnet — zwei aufeinanderfolgende
     1px-linien ergaben eine doppellinie (UI-Befund 2026-09-06). */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  background: none;
}
.detail-header h2 {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.3;
  color: var(--text);
}
.detail-header .meta { display: flex; gap: .4rem; flex-wrap: wrap; align-items: center; }

/* Sticky detail header: name/FN/status stay visible while scrolling the long
   detail view. Near-opaque bg + blur keep underlying content from bleeding
   through as unreadable double-text (UI-Befund 2026-09-06, Maletschek). */
.detail-sticky {
  position: sticky;
  top: 0;
  z-index: 40;
  background: color-mix(in srgb, var(--bg) 96%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: .8rem 0 .6rem;
  border-bottom: 1px solid var(--border);
  margin: -1.25rem 0 1rem;
}

/* Badges — flat, leading dot, mono */
.badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  white-space: nowrap;   /* edge-row-befund: 'aufrecht' stapelte buchstabenweise */
  flex: none;            /* flex-parente dürfen das badge nicht quetschen */
  font-size:var(--fs-xs);
  font-weight: 500;
  padding: 0;
  border-radius: 0;
  letter-spacing: .01em;
  font-family: var(--mono);
  text-transform: capitalize;
  color: var(--text2);
  background: none;
  border: none;
}
.badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
/* ═══ Status-Punkt-Sprache (verallgemeinert 2026-09) ═══
   EIN visuelles system für zustände überall: 5px-punkt + neutraler text.
   Ersetzt: farbige text-badges (statusBadge/insolvenz), inline-orange-pills
   (ruhend/liquidation), einzeln gestreute punkte. Punkt = farbe, text bleibt
   ruhig — weniger schreien, schneller scannen. */
.sdot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; flex: none; }
.sdot--green { background: var(--green); }
.sdot--red { background: var(--red); }
.sdot--orange { background: var(--orange); }
.sdot--accent { background: var(--accent); }
.sdot--purple { background: var(--purple); }
.sdot--gray { background: var(--text3); }

/* Alert-box: quellen-fehler EINMAL definiert (war 3× inline dupliziert:
   secFail + insolvenz ×2). Linke 4px-leiste = signalfarbe, fläche bleibt
   ruhig-getönt (flat-stil). */
.alert-box {
  border: 1px solid var(--red);
  border-left: 4px solid var(--red);
  border-radius: var(--radius);
  padding: .65rem .85rem;
  margin: .4rem 0;
  background: color-mix(in srgb, var(--red) 7%, transparent);
}
.alert-box-title { color: var(--red); font-weight: 600; font-size:var(--fs-m); }
.alert-box-sub { color: var(--text2); font-size:var(--fs-s); margin-top: .15rem; line-height: 1.45; }

/* Hinweis (die 24× inline text3-notizen): eine klasse, zwei größen */
.hint { color: var(--text3); font-size:var(--fs-m); padding: .5rem 0; line-height: 1.5; }
.hint--sm { font-size:var(--fs-sm); padding: .2rem 0; }

/* Warn-pill (orange): in-Liquidation, GISA ruhend — war 2× inline.
   Deckt beide basen ab: tagfn (hat grün-bg) + lf-pill (borderlos). */
.pill-warn {
  border-color: var(--orange) !important;
  color: var(--orange) !important;
  background: color-mix(in srgb, var(--orange) 14%, transparent) !important;
}

.badge-green::before, .badge-red::before, .badge-orange::before {
  content: ''; width: 5px; height: 5px;
  border-radius: 50%; margin-right: .3rem; flex: none;
}
.badge-green::before { background: var(--green); }
.badge-red::before { background: var(--red); }
.badge-orange::before { background: var(--orange); }


.badge-purple { color: var(--purple); }
.badge-blue { color: var(--accent); }

.src { font-size:var(--fs-xs); color: var(--text3); margin-left: .25rem; font-family: var(--mono); text-transform: uppercase; letter-spacing: .03em; }
.new-section { padding-left: 0; margin-left: 0; }
/* EUID/FN-zeile: der .dot-new (HVD-neu-markierung) soll INLINE mit dem
   wert bleiben, nicht als verwaister punkt auf eigener zeile unter dem
   info-grid-block landen (UI-Befund 2026-09-06). */
.new-section .info-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .4rem; margin-bottom: 0; }
.new-section .info-grid .label { flex: none; }
.new-section .info-grid .value { flex: none; }
.dot-new { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--green); margin-left: .35rem; vertical-align: middle; }
.legend { font-size:var(--fs-sm); color: var(--text3); padding: .4rem 0; display: flex; align-items: center; gap: .3rem; font-family: var(--mono); }
.legend .dot-new { margin-left: 0; }

.detail-actions {
  padding: .65rem .25rem;
  border: none;
  /* keine eigene trennlinie: nach dem kopf soll nur EINE linie bleiben —
     die vom .detail-sticky. die badge-zeile wird vom suchfeld (eigener
     input-rahmen) und dem body-flow begrenzt (UI-befund 2026-09-06:
     3 trennlinien im kopfbereich = doppellinien-wirkung). */
  display: flex;
  gap: .4rem;
  flex-wrap: wrap;
  align-items: center;
  background: none;
}
.cache-hit {
  font-size:var(--fs-xs);
  font-weight: 500;
  color: var(--green);
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-left: auto;
  font-family: var(--mono);
  animation: fadeIn .2s var(--ease);
}
.cache-hit::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

/* Inline search bar in the detail view */
.detail-search {
  display: flex;
  gap: .5rem;
  padding: .75rem 0;
  border: none; /* input hat eigenen rahmen — keine zweite linie unterm kopf */
}
.detail-search input {
  flex: 1;
  min-width: 0;
  padding: .55rem .8rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text);
  font-size:var(--fs-l);
  font-family: var(--font);
}
.detail-search input:focus { outline: none; border-color: var(--accent); }
.detail-search input::placeholder { color: var(--text3); }

.detail-body { padding: 1.25rem 0 0; }
.detail-body .empty { text-align: center; padding: 3rem 0; }

/* Persistente share-zeile: die geteilte throway-dir-url muss klickbar und
   sichtbar bleiben — der toast verschwindet nach 4s und der link war dort
   nur text (waldherr-befund 2026-09-07). flat-stil, mono, accent-link. */
.share-row {
  display: flex;
  gap: .6rem;
  align-items: center;
  flex-wrap: wrap;
  padding: .55rem .25rem;
  margin: .4rem 0 .2rem;
  border-bottom: 1px solid var(--border-light);
  font-size: var(--fs-s);
  color: var(--text2);
  font-family: var(--mono);
}
.share-row .share-row-label { display: inline-flex; align-items: center; gap: .35rem; flex: none; }
.share-row .share-row-label svg { width: 14px; height: 14px; }
.share-row a {
  color: var(--accent);
  text-decoration: none;
  word-break: break-all;
}
.share-row a:hover { text-decoration: underline; }
.share-row .share-copy { flex: none; margin-left: auto; }

/* Share-modal: der geteilte link wird NACHFRAGEND gezeigt (X / außerhalb
   klicken / ESC zum schließen) — kein flüchtiger toast. flat, dunkel. */
.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 100; /* über .detail-sticky (40) */
  background: color-mix(in srgb, var(--bg) 55%, transparent);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn .15s var(--ease) both;
}
.share-modal {
  position: relative;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.15rem 1.25rem;
  max-width: 580px;
  width: calc(100% - 2rem);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .5);
}
.share-modal .modal-x {
  position: absolute;
  top: .5rem;
  right: .6rem;
  background: none;
  border: none;
  color: var(--text3);
  cursor: pointer;
  padding: .25rem;
  display: flex;
}
.share-modal .modal-x svg { width: 18px; height: 18px; }
.share-modal .modal-x:hover { color: var(--text); }
.share-modal-title {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
  font-size: var(--fs-xl);
  color: var(--text);
  padding-right: 1.6rem;
}
.share-modal-title svg { width: 16px; height: 16px; color: var(--accent); }
.share-modal-sub {
  color: var(--text2);
  font-size: var(--fs-m);
  line-height: 1.5;
  margin: .5rem 0 .8rem;
}
.share-modal-urlrow {
  display: flex;
  gap: .4rem;
  align-items: stretch;
}
.share-modal-url {
  display: block;
  flex: 1;
  min-width: 0;
  font-family: var(--mono);
  font-size: var(--fs-m);
  color: var(--accent);
  text-decoration: none;
  word-break: break-all;
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  border-right: none;
  padding: .6rem .75rem;
}
.share-modal-url:hover { text-decoration: underline; }
/* copy-icon direkt rechts neben dem link (statt button-row) */
.modal-iconbtn {
  flex: none;
  display: flex;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: var(--text2);
  cursor: pointer;
  padding: 0 .7rem;
}
.modal-iconbtn svg { width: 15px; height: 15px; }
.modal-iconbtn:hover { color: var(--accent); border-color: var(--accent); }
.modal-iconbtn.is-copied { color: var(--green); border-color: var(--green); }

.info-grid {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: .35rem 1rem;
  font-size:var(--fs-l);
  margin-bottom: 1.25rem;
  line-height: 1.5;
}
.info-grid .label {
  color: var(--text3);
  font-weight: 500;
  font-size:var(--fs-sm);
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: .04em;
  padding-top: .1rem;
}
.info-grid .value { color: var(--text); word-break: break-word; }
.info-grid .value a { color: var(--accent); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color var(--t-fast); }
.info-grid .value a:hover { border-bottom-color: var(--accent); }

.section { margin-bottom: 1.5rem; animation: fadeIn .2s var(--ease) both; }

/* Collapsible sections — long/nachrangige lists (Vollzug, Veröffentlichungen,
   Dokumente) collapse behind a clickable title to keep the detail view short. */
.collapsible { border: 1px solid var(--border-light); border-radius: var(--radius-sm); margin-bottom: 1rem; background: var(--surface); overflow: hidden; }
.collapsible summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  padding: .7rem .9rem;
  font-size:var(--fs-s);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text2);
  font-family: var(--mono);
  user-select: none;
}
.collapsible summary::-webkit-details-marker { display: none; }
.collapsible summary .collapse-count { color: var(--text3); font-weight: 500; font-size:var(--fs-sm); }
.collapsible summary .collapse-caret { transition: transform var(--t-fast); color: var(--text3); font-size:var(--fs-sm); }
.collapsible[open] summary .collapse-caret { transform: rotate(90deg); }
.collapsible summary:hover { background: var(--surface2); color: var(--text); }
.collapsible .collapse-body { padding: 0 .9rem .9rem; border-top: 1px solid var(--border-light); padding-top: .7rem; }
.collapsible .collapse-body .section { margin-bottom: 0; }
.section-title {
  font-size:var(--fs-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text3);
  margin-bottom: .7rem;
  padding-bottom: .4rem;
  border-bottom: 1px solid var(--border-light);
  display: flex;
  align-items: center;
  gap: .45rem;
  font-family: var(--mono);
}
.section-title::before {
  content: '';
  width: 2px; height: 11px;
  background: var(--accent);
  border-radius: 1px;
  display: none;
}

/* Tables — hairline grid, mono numbers */
.ptable {
  width: 100%;
  border-collapse: collapse;
  font-size:var(--fs-l);
  table-layout: fixed;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.ptable thead { background: var(--surface); }
.ptable th {
  text-align: left;
  font-size:var(--fs-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text3);
  padding: .5rem .6rem;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
  font-family: var(--mono);
}
.ptable td { padding: .55rem .6rem; border-bottom: 1px solid var(--border-light); vertical-align: middle; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; transition: background var(--t-fast); }
.ptable tbody tr:hover td { background: var(--surface); }
.ptable tr:last-child td { border-bottom: none; }
.ptable .col-name { font-weight: 500; width: 20%; color: var(--text); }
.ptable .col-role { color: var(--text2); width: 13%; }
.ptable .col-rep { font-size:var(--fs-s); color: var(--text2); line-height: 1.4; width: 25%; }
.ptable .col-birth { color: var(--text2); font-variant-numeric: tabular-nums; white-space: nowrap; width: 10%; font-family: var(--mono); font-size:var(--fs-s); }
.ptable .col-since { color: var(--text2); font-variant-numeric: tabular-nums; white-space: nowrap; width: 9%; font-family: var(--mono); font-size:var(--fs-s); }
.ptable .col-src { font-size:var(--fs-xs); color: var(--text3); white-space: nowrap; width: 8%; font-family: var(--mono); text-transform: uppercase; letter-spacing: .03em; }

/* Person cards — replace the Personen table with compact cards (firmenatlas
   style): name + role up top, representation + meta (since/birth/source) below. */
.person-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: .7rem; }
.person-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: .8rem .9rem;
  transition: border-color var(--t-fast), transform var(--t-fast);
}
.person-card:hover { border-color: var(--accent); transform: translateY(-1px); }
.person-card-head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; flex-wrap: wrap; margin-bottom: .45rem; }
.person-name { font-weight: 600; color: var(--text); font-size:var(--fs-xl); }
.person-role { font-size:var(--fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; font-family: var(--mono); padding: 2px 8px; border-radius: 20px; background: var(--surface2); color: var(--text2); white-space: nowrap; }
.person-role-gf { background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); }
.person-role-prok { background: color-mix(in srgb, var(--purple) 14%, transparent); color: var(--purple); }
.person-rep { font-size:var(--fs-s); color: var(--text2); line-height: 1.4; margin-bottom: .55rem; }
.person-meta { display: flex; flex-wrap: wrap; gap: .4rem 1rem; border-top: 1px dashed var(--border); padding-top: .55rem; }
.person-meta-item { font-size:var(--fs-s); color: var(--text2); font-variant-numeric: tabular-nums; font-family: var(--mono); }
.person-meta-label { color: var(--text3); text-transform: uppercase; font-size:var(--fs-xs); letter-spacing: .04em; margin-right: .3rem; }

.pub-list, .vollzug-list { list-style: none; }
.pub-list li, .vollzug-list li {
  padding: .5rem 0;
  border-bottom: 1px solid var(--border-light);
  font-size:var(--fs-m);
  display: flex;
  gap: .8rem;
  transition: background var(--t-fast);
}
.pub-list li:last-child, .vollzug-list li:last-child { border-bottom: none; }
.pub-list .pdate { color: var(--text3); flex-shrink: 0; font-variant-numeric: tabular-nums; width: 5.5rem; font-size:var(--fs-s); font-family: var(--mono); }
.pub-list .ptype { color: var(--accent); flex-shrink: 0; font-weight: 500; }
.pub-list .pdetails { color: var(--text2); }
.vollzug-date { color: var(--text3); font-variant-numeric: tabular-nums; font-family: var(--mono); font-size:var(--fs-m); }
.vollzug-az { color: var(--accent); font-family: var(--mono); font-size:var(--fs-s); }
.vollzug-text { color: var(--text2); margin-top: .2rem; line-height: 1.45; }

/* ── Documents (Urkunden) ── */
.doc-head { font-size:var(--fs-m); font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin-bottom:6px; color:var(--accent); }
.doc-list { list-style:none; margin:0; padding:0; }
.doc-row {
  display:flex; align-items:center; gap:.6rem;
  padding:.5rem .6rem; margin-bottom:4px; border-radius:5px;
  background:var(--surface); border:1px solid var(--border);
  font-size:var(--fs-m);
}
.doc-row:last-child { margin-bottom:0; }
.doc-type { color:var(--text); font-weight:500; flex:1; min-width:0; }
.doc-meta { color:var(--text3); font-size:var(--fs-s); font-family:var(--mono); flex-shrink:0; }

/* Historie (name changes + GF/Prokurist Ein-/Austritte) */
.hist-hint { color:var(--text3); font-weight:400; text-transform:none; letter-spacing:0; font-size:var(--fs-sm); }
.hist-block { margin-bottom:10px; }
.hist-sub { font-size:var(--fs-s); font-weight:600; text-transform:uppercase; letter-spacing:.03em; color:var(--text3); margin:8px 0 4px; }
.hist-row { display:flex; align-items:baseline; gap:10px; padding:3px 0; border-bottom:1px dashed var(--border); font-size:var(--fs-m); }
.hist-row:last-child { border-bottom:none; }
.hist-date { color:var(--text3); font-family:var(--mono); font-size:var(--fs-s); flex-shrink:0; width:6.5em; }
.hist-event { font-weight:600; flex-shrink:0; width:7.5em; }
.hist-event.in { color:var(--green); }
.hist-event.out { color:var(--red); }
.hist-event.rw { color:var(--accent); }
.hist-kind { color:var(--text3); font-size:var(--fs-s); flex-shrink:0; width:5.5em; }
.hist-person { color:var(--text); font-weight:500; }
.hist-old { color:var(--text3); text-decoration:line-through; }
.hist-arrow { color:var(--text3); margin:0 2px; }

/* Historie: 'Besetzung am' date picker */
.hist-at { border:1px solid var(--border); border-radius:8px; padding:10px 14px; margin-bottom:12px; background:var(--surface2); }
.hist-at label { display:block; font-size:var(--fs-m); font-weight:600; margin-bottom:6px; color:var(--text2); }
.hist-at-controls { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.hist-at-controls input[type=date] { padding:5px 8px; border:1px solid var(--border); border-radius:5px; background:var(--surface); color:var(--text); font-size:var(--fs-l); font-family:var(--mono); }
.hist-at-controls input[type=date]:focus { outline:none; border-color:var(--accent); }
.hist-at-controls .btn-sm { margin:0; }
.hist-at-msg { color:var(--text3); font-size:var(--fs-m); padding:.4rem 0; }
.hist-at-title { color:var(--text); font-weight:600; }
.hist-at-name { color:var(--text3); font-weight:400; }
#histAtResult { margin-top:6px; }
.doc-dl { text-decoration:none; flex-shrink:0; }
.doc-xml-tag { display:inline-block; margin-left:.35em; padding:0 .35em; border-radius:3px; background:var(--accent); color:var(--text-on-color); font-size:var(--fs-xs); font-weight:600; text-transform:uppercase; letter-spacing:.03em; vertical-align:middle; }

/* ── Insolvenz (edikte.justiz.gv.at) ── */
.sec-head { font-size:var(--fs-m); font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin-bottom:6px; color:var(--accent); }
.insolvenz-list { display:flex; flex-direction:column; gap:8px; }
.insolvenz-card {
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface);
  padding:10px 12px;
}
.insolvenz-card:hover { border-color:var(--border-strong); }
.insolvenz-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:2px; }
.insolvenz-art { font-weight:600; color:var(--text); font-size:var(--fs-l); }
.insolvenz-meta { color:var(--text3); font-size:var(--fs-s); font-family:var(--mono); margin-bottom:8px; }
.insolvenz-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:6px 12px; margin-bottom:8px; }
.insolvenz-field { display:flex; flex-direction:column; }
.insolvenz-label { font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.05em; color:var(--text3); font-family:var(--mono); }
.insolvenz-value { font-size:var(--fs-m); color:var(--text); font-variant-numeric:tabular-nums; font-family:var(--mono); }
.insolvenz-link { text-decoration:none; }
.insolvenz-empty { color:var(--text3); font-size:var(--fs-l); padding:.3rem 0; }

/* ── Loading ── */
.fn, .tagfn, .sec-elapsed, .progress-fill, .hist-date, .zt-date {
  font-variant-numeric: tabular-nums;
}

/* ═══ Sektions-Loader (lange läder) ═══
   Skeleton > spinner für inhaltsförmige areale (Material 3);
   icon pulsiert 2.4 s ease-in-out (feedback, nicht aufdringlich);
   elapsed-zähler ab 1 s takt. reduced-motion: alles statisch. */
.sec-loader { padding: .55rem 0 .2rem; }
.sec-loader-head { display: flex; gap: .7rem; align-items: flex-start; }
.sec-loader-ic {
  flex: none; width: 34px; height: 34px; border-radius: 10px;
  display: grid; place-items: center;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent);
  animation: secPulse 2.4s ease-in-out infinite;
}
.sec-loader-ic svg { width: 17px; height: 17px; }
.sec-loader-title { font-size:var(--fs-l); font-weight: 600; color: var(--text2); }
.sec-loader-sub { font-size:var(--fs-s); color: var(--text3); margin-top: .1rem; line-height: 1.45; }
.sec-loader-eta { font-size:var(--fs-sm); color: var(--text3); margin-top: .18rem; font-variant-numeric: tabular-nums; }
.sec-elapsed { color: var(--text2); font-weight: 600; }
.sec-loader-skel { margin: .6rem 0 .2rem .2rem; }
.sec-loader-skel .skel-line { height: 8px; }
@keyframes secPulse {
  0%, 100% { transform: scale(1); opacity: .75; }
  50% { transform: scale(1.08); opacity: 1; }
}

/* Dual-ring-spinner (ersetzt single-ring als standard): zweite ring
   verzögert → wirkt präziser & hochwertiger (Material circular activity) */
.spinner {
  display: inline-block; width: 14px; height: 14px; position: relative;
  border-radius: 50%;
  border: 2px solid var(--border);
  border-top-color: var(--accent);
  animation: spin .7s linear infinite;
}
.spinner::after {
  content: ''; position: absolute; inset: -2px; border-radius: 50%;
  border: 2px solid transparent;
  border-bottom-color: color-mix(in srgb, var(--accent) 55%, transparent);
  animation: spin 1.1s linear infinite;
}
.spinner.lg { width: 20px; height: 20px; }
.spinner.lg::after { inset: -3px; }

/* Progress (Vollhistorie): füllung mit subtilem schimmer-streifen,
   breite-transition .5s ease-out (Material linear determinate) */
.progress-track { height: 6px; background: var(--surface2); border-radius: 3px; overflow: hidden; }
.progress-fill {
  height: 100%; background: var(--accent); border-radius: 3px;
  transition: width .5s ease-out;
  background-image: linear-gradient(90deg, transparent 40%, rgba(255,255,255,.25) 50%, transparent 60%);
  background-size: 200% 100%;
  animation: shimmer 1.6s ease infinite;
}

::selection { background: color-mix(in srgb, var(--accent) 30%, transparent); }

@media (prefers-reduced-motion: reduce) {
  .sec-loader-ic, .skel-line, .progress-fill, .relbox, #historie .hist-tl,
  #documents details, .rel-grid, .result-card { animation: none !important; }
  .spinner, .spinner::after { animation-duration: 2.5s !important; }
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ── Toast — flat ── */
.toast {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(80px);
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
  padding: .6rem 1.1rem;
  border-radius: var(--radius-sm);
  font-size:var(--fs-m);
  font-weight: 500;
  opacity: 0;
  transition: transform .25s var(--ease), opacity .2s;
  z-index: 100;
  pointer-events: none;
  box-shadow: none;
}
.toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }

/* ── Footer ── */
.footer {
  max-width: 760px;
  margin: 2rem auto 0;
  padding: 1.2rem 1rem 2.5rem;
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size:var(--fs-s);
  border-top: 1px solid var(--border-light);
}
.footer a { color: var(--text3); text-decoration: none; font-weight: 500; transition: color var(--t-fast); }
.footer a:hover { color: var(--text); }
.footer .footer-brand {
  margin-left: auto;
  color: var(--text3);
  font-size:var(--fs-sm);
  /* kein opacity: text3 ist schon das dezenteste tier — opacity stapelt
     darunter und bricht 4.5:1 (0.7 → 3.21:1, axe serious). WCAG 1.4.3 */
  font-family: var(--mono);
}

/* ── Animations (subtle) ── */
/* Lazy-sektionen erscheinen sanft statt hart zu springen (150ms < 200ms SOTA) */
.relbox, #historie .hist-tl, #documents details, .rel-grid { animation: secIn .18s var(--ease) both; }
@keyframes secIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ── Responsive ── */
@media (max-width: 650px) {
  .header { padding: .65rem 1rem; }
  .header h1 { font-size:var(--fs-l); }
  .search-wrap { margin-top: 1.5rem; }
  .search-box { flex-direction: column; }
  .search-box input { font-size: 1rem; }
  .filter-row { grid-template-columns: 1fr; }
  .info-grid { grid-template-columns: 110px 1fr; gap: .3rem .75rem; }
  .ptable { font-size:var(--fs-s); }
  .ptable th, .ptable td { padding: .45rem .4rem; }
  .footer { justify-content: center; gap: 1rem; }
  .footer .footer-brand { margin-left: 0; width: 100%; text-align: center; }
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--surface3); border-radius: 10px; border: 2px solid var(--bg); }
::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--text3) 40%, transparent); }

/* Selection */
::selection { background: color-mix(in srgb, var(--accent) 25%, transparent); color: var(--text); }

/* ═══ Ownership edges (Eigentümer + Beteiligungen) ═══ */
.relbox{border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:10px;background:var(--surface2);}
.relbox .rel-head{font-size:var(--fs-m);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;color:var(--accent);}
.relbox.beteiligungen .rel-head{color:var(--green);}
.edge{display:flex;align-items:flex-start;gap:8px;padding:5px 8px;margin-bottom:4px;border-radius:5px;background:var(--surface);border:1px solid var(--border);transition:background var(--t-fast),border-color var(--t-fast);}
.edge:hover{background:var(--surface2);border-color:var(--border-strong);}
.edge:last-child{margin-bottom:0;}
.edge .dir{font-weight:700;font-size:1rem;color:var(--accent);flex-shrink:0;}
.edge.beteiligungen .dir{color:var(--green);}
.edge .body{flex:1;min-width:0;}
.edge .who{font-weight:500;font-size:var(--fs-l);word-break:break-word;}
.edge .who .edge-link{color:var(--text);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--t-fast);}
.edge .who .edge-link:hover{color:var(--accent);border-bottom-color:var(--accent);}
.edge .meta{color:var(--text3);font-size:var(--fs-sm);margin-top:1px;}
.src-tag{font-size:var(--fs-xs);font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 4px;color:var(--text3);}
.tagfn{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:8px;font-size:var(--fs-sm);font-family:var(--mono);font-weight:600;background:color-mix(in srgb, var(--green) 15%, transparent);color:var(--green);}
.tagfn.public{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);font-family:inherit;letter-spacing:.02em;cursor:help;}

/* Related firms (gemeinsame Organe) — firmenatlas-style cards */
.rel-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:.7rem; }
.rel-card {
  display:block; text-decoration:none;
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:.75rem .85rem; transition:border-color var(--t-fast), transform var(--t-fast);
}
.rel-card:hover { border-color:var(--accent); transform:translateY(-1px); }
.rel-card-name { font-weight:600; color:var(--text); font-size:var(--fs-l); margin-bottom:.2rem; }
.rel-card-meta { color:var(--text3); font-size:var(--fs-sm); font-family:var(--mono); margin-bottom:.35rem; }
.rel-card-shared { color:var(--accent); font-size:var(--fs-sm); font-family:var(--mono); }
.rel-shared-person { display:inline-block; margin-right:.5rem; }
.rel-birth { color:var(--text3); }
.rel-conf { font-size:var(--fs-xs); font-weight:600; margin-left:.3rem; text-transform:uppercase; }
.rel-conf.high { color:var(--green); }
.rel-conf.unver { color:var(--orange); }
.rel-card-unver { opacity:.72; }
.rel-role { font-size:var(--fs-xs); color: var(--text3); border: 1px solid var(--border-light);
  border-radius: var(--radius-xs); padding: 0 .3rem; margin-left: .25rem; }

/* ═══ Advanced search pager ═══ */
.adv-pager{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem 0 .5rem;}
.adv-pager .btn-sm{padding:.4rem 1rem;font-size:var(--fs-l);}
.adv-pager .pager-info{color:var(--text3);font-size:var(--fs-l);}

/* ── Lucide icons (CDN) — sizing & alignment ─────────────────────
   SVGs inherit currentColor; sizes via context. One rule set, no
   per-occurrence inline styles. */
svg.lucide { display: inline-block; vertical-align: -0.15em; width: .85em; height: .85em; }
/* Default .85em gilt überall; Kontext-Regeln unten überschreiben gezielt. */
.header .logo-icon { width: 22px; height: 22px; }
.btn .btn-icon { width: 14px; height: 14px; }
.btn svg.lucide { width: 13px; height: 13px; }
.err-ic { width: 1em; height: 1em; }
.empty-icon { width: 1.9rem; height: 1.9rem; opacity: .45; margin: 0 auto .55rem; display: block; }
.seat svg.lucide, .results-header svg.lucide, .applied svg.lucide,
.rel-head svg.lucide, .hist-row svg.lucide { width: .85em; height: .85em; }
.edge .dir svg.lucide { width: .95em; height: .95em; }
.chip-hint svg.lucide { width: .72em; height: .72em; }
.chip-x svg.lucide { width: 11px; height: 11px; }
.hist-arrow svg.lucide { width: .8em; height: .8em; vertical-align: -0.08em; }
.doc-dl svg.lucide, .insolvenz-link svg.lucide { width: 13px; height: 13px; }
/* Collapse carets (details/summary) — Lucide chevron rotates via CSS. */
.collapse-caret { display: inline-flex; align-items: center; transition: transform .15s ease; }
.collapse-caret svg.lucide { width: 13px; height: 13px; opacity: .55; }
details[open] > summary .collapse-caret { transform: rotate(90deg); }
/* Succession links (Rechtsvorgänger/-nachfolger) — match site link style
   (.info-grid .value a): accent color, underline-on-hover instead of the
   browser default blue. FN suffix in mono like the .fn badge family. */
.hist-person a.hist-link { color: var(--accent); text-decoration: none; font-weight: 500; border-bottom: 1px solid transparent; transition: border-color var(--t-fast); cursor: pointer; }
.hist-person a.hist-link:hover { border-bottom-color: var(--accent); }
.hist-link-fn { font-family: var(--mono); font-size:var(--fs-s); color: var(--text2); }
.hist-note { color: var(--text3); }
/* Succession rows have no .hist-kind column between event label and
   person — keep the same visual rhythm as the GF/Prokurist rows. */
.hist-spacer { flex: 0 1 4.5em; }

/* ── Zeitreise (Phasen-Band mit ziehbarem Cursor) ───────────────── */
.zt-sub { font-weight: 400; color: var(--text3); font-size:var(--fs-sm); }
.zt-band { position: relative; height: 34px; margin: 12px 0 4px; border-radius: 7px; overflow: hidden; background: var(--surface3); cursor: ew-resize; touch-action: none; }
.zt-seg { position: absolute; top: 0; bottom: 0; background: color-mix(in srgb, var(--accent) 38%, var(--surface3)); border-right: 1px solid var(--bg); }
.zt-seg.empty { background: var(--surface3); opacity: .5; }
.zt-dot { position: absolute; top: 50%; z-index: 2; transform: translate(-50%, -50%); width: 9px; height: 9px; border-radius: 50%; border: 2px solid var(--bg); cursor: pointer; padding: 0; }
.zt-dot.in { background: var(--green); }
.zt-dot.out { background: var(--red); }
.zt-dot.rw { background: var(--accent); }
.zt-dot.name { background: var(--purple); }
.zt-dot.succ { background: var(--orange); }
.zt-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.zt-drag-hint { color: var(--text3); font-size:var(--fs-sm); display: inline-flex; align-items: center; gap: 4px; }
.zt-drag-hint svg.lucide { width: 12px; height: 12px; }
/* Cursor: vertikale Linie mit Griff — der ziehbare "Zeitmarker" */
/* Cursor: schlichter weißer Strich über die volle Bandhöhe. */
.zt-cursor { position: absolute; top: 0; bottom: 0; width: 2px; background: var(--text); pointer-events: none; transform: translateX(-1px); z-index: 3; }
.zt-date { padding: 5px 8px; border: 1px solid var(--border); border-radius: 5px; background: var(--surface); color: var(--text); font-size:var(--fs-l); font-family: var(--mono); }
.zt-date:focus { outline: none; border-color: var(--accent); }
.zt-chips { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 4px; }
.zt-chip { font-size:var(--fs-sm); font-family: var(--mono); padding: 3px 8px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); color: var(--text2); cursor: pointer; }
.zt-chip:hover { border-color: var(--accent); color: var(--text); }
.zt-chip-n { color: var(--text3); margin-left: 2px; }
.zt-chip.zt-today { border-color: var(--accent); color: var(--accent); }
.zt-chip.zt-chip-more { border-style: dashed; color: var(--text3); }
.zt-since { color: var(--text3); font-size:var(--fs-sm); font-family: var(--mono); }
.zt-print { display: inline-flex; gap: 6px; margin-left: auto; }

/* ── API-Referenz (#api) — statische Sektion für Agenten/curl ── */
/* API-Referenz: dezent am Seitenende. Zugeklappt nur eine kleine Zeile
   unter dem Footer; via Footer-Link „API" (#api) aufklappbar. Für curl
   bleibt der Inhalt immer komplett im HTML. */
/* footer-api: kein opacity (0.55 → eff. 2.42:1, WCAG-1.4.3-Verstoß);
   de-emphasis kommt vom text3-tier selbst, hover hebt auf text (wie .footer a) */
.api-docs { max-width: var(--w-mid, 900px); margin: .8rem auto 0; }
.api-docs > summary { display: flex; align-items: center; gap: .5rem; cursor: pointer;
  color: var(--text3); font-size:var(--fs-sm); padding: .3rem .6rem;
  border: 1px solid var(--border-light); border-radius: var(--r, 10px); background: none; }
.api-docs > summary:hover { color: var(--text2); }
.api-docs > summary svg { width: .85em; height: .85em; opacity: .7; }
.api-sub { font-size:var(--fs-sm); }  /* kein opacity: stapelt unter das tier und bricht 4.5:1 (WCAG 1.4.3) */
.api-docs[open] > summary { color: var(--text2); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.api-docs .collapse-body { border: 1px solid var(--border-light); border-top: 0;
  border-radius: 0 0 var(--r, 10px) var(--r, 10px); padding: .8rem 1rem; font-size:var(--fs-m); }
/* Direktansprung via #api: automatisch aufklappen */
.api-docs:target > summary { color: var(--text); }
.api-docs:target { margin-bottom: 1rem; }
.api-curl { font-family: var(--mono); font-size:var(--fs-sm); background: var(--surface);
  border: 1px solid var(--border-light); border-radius: 8px; padding: .6rem .75rem;
  overflow-x: auto; white-space: pre; color: var(--text); margin: .5rem 0; }
.api-rules { margin: .4rem 0 0; padding-left: 1.1rem; color: var(--text2); line-height: 1.55; }
.api-rules code, .api-table code { font-family: var(--mono); font-size:var(--fs-sm);
  color: var(--accent); background: none; }
.api-table { font-size:var(--fs-s); }
.api-table td code { white-space: nowrap; }
.api-ex-title { font-weight: 500; color: var(--text); margin-bottom: 0; }
.api-note { color: var(--text2); font-size:var(--fs-s); margin-bottom: 0; }
.api-note a { color: var(--accent); }

/* ── Personensuche (Identitäts-Gruppen) ── */
.person-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;margin-bottom:.7rem;}
.pg-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--fs-xl);}
.pg-count{margin-left:auto;font-size:var(--fs-sm);color:var(--text3);}
.pg-roles{margin:.35rem 0 .5rem;display:flex;gap:.3rem;flex-wrap:wrap;}
.pg-firms{display:flex;flex-direction:column;gap:.35rem;}
.pg-firms a{display:flex;align-items:baseline;gap:.4rem;color:var(--text);text-decoration:none;padding:.3rem .45rem;border-radius:4px;}
.pg-firms a:hover{background:var(--surface2);color:var(--accent);}
.pg-firms svg{width:.85rem;height:.85rem;flex:none;opacity:.6;}
.pg-meta{color:var(--text3);font-size:var(--fs-s);}
.person-link{color:inherit;text-decoration:none;border-bottom:1px dashed var(--border);cursor:pointer;}
.person-link:hover{color:var(--accent);border-bottom-color:var(--accent);}
.btn-sm{font-size:var(--fs-sm);padding:.25rem .6rem;border-radius:6px;display:inline-flex;align-items:center;gap:.3rem;background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;}
.btn-sm:hover{color:var(--accent);border-color:var(--accent);}
.btn-sm svg{width:.8rem;height:.8rem;}

/* ── Registerticker (Startseiten-Feed) ── */
#feed{max-width:760px;margin:0 auto 1.5rem;padding:0 1rem}
.feed-head{display:flex;align-items:baseline;gap:.5rem;font-size:var(--fs-xl);font-weight:600;padding:.3rem 0 .5rem}
.feed-head svg{width:1rem;height:1rem;opacity:.7}
.feed-sub{font-size:var(--fs-sm);color:var(--text3);font-weight:400;margin-left:auto}
.feed-tabs{display:flex;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}
.feed-tab{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--fs-s);padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer}
.feed-tab svg{width:.75rem;height:.75rem}
.feed-tab.active{background:var(--surface3);color:var(--text);border-color:var(--accent)}
.feed-rows{display:flex;flex-direction:column;gap:.25rem;max-height:420px;overflow-y:auto}
.feed-row{display:flex;align-items:baseline;gap:.6rem;padding:.4rem .55rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text)}
.feed-row:hover{border-color:var(--accent)}
.feed-date{font-family:var(--mono);font-size:var(--fs-sm);color:var(--text3);flex:none}
.feed-name{font-size:var(--fs-l);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-meta{font-size:var(--fs-sm);color:var(--text3);flex:none}
.feed-art{font-size:var(--fs-sm);color:var(--text3);flex:none;background:var(--surface2);border-radius:4px;padding:1px 5px}
.feed-fn{font-family:var(--mono);font-size:var(--fs-sm);color:var(--text3);flex:none}
.feed-empty{color:var(--text3);font-size:var(--fs-m);padding:.8rem 0;text-align:center}

/* ── Logo: dokumentzeilen-mark mit gradient ═══ */
.logo-mark{flex:none;opacity:1;color:var(--text3)}
/* Verbund-mark: einmalige draw-animation beim laden — kanten zeichnen sich,
   knoten ploppen versetzt (stagger 90ms, gesamt ~650ms). reduced-motion: aus. */
.lm-edge{stroke-dasharray:36;stroke-dashoffset:36;animation:lmDraw .32s var(--ease) forwards}
.lm-e1{animation-delay:.12s}
.lm-e2{animation-delay:.22s}
.lm-e3{animation-delay:.34s}
.lm-node{transform-origin:center;transform-box:fill-box;transform:scale(0);animation:lmPop .3s cubic-bezier(.34,1.56,.64,1) forwards}
.lm-n0{animation-delay:.02s}
.lm-n1{animation-delay:.34s}
.lm-n2{animation-delay:.44s}
.lm-n3{animation-delay:.56s}
@keyframes lmDraw{to{stroke-dashoffset:0}}
@keyframes lmPop{to{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.lm-edge,.lm-node{animation:none;stroke-dashoffset:0;transform:none}}
/* AT-badge: monospace-tag wie die FN-badges — dieselbe badge-sprache */
.logo-at{
  color:var(--accent);font-weight:700;font-family:var(--mono);font-size:.6em;
  border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);
  border-radius:var(--radius-xs);padding:.08em .32em;margin-left:.18em;
  letter-spacing:.06em;vertical-align:.14em;
}

/* GISA e.U. */
.eu-card{border-color:color-mix(in srgb, var(--accent) 25%, transparent)}
.eu-card:hover{border-color:var(--accent)}
.eu-tag{color:var(--accent)!important;font-size:var(--fs-sm)!important}
.eu-results .results-header span:first-child{color:var(--accent)}

/* WKO Welt-B */
.wko-card{border-color:color-mix(in srgb, var(--gold) 35%, transparent)}
.wko-card .eu-tag{color:var(--gold)!important}

/* e.U.-UX: hinweis-pill + ellipsis + weitere-gewerbe */
.eu-hint-pill{display:inline-flex;align-items:center;gap:.4rem;margin:.45rem 0 .1rem;
  padding:.3rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent);font-size:var(--fs-s);cursor:pointer;
  transition:background .15s}
.eu-hint-pill:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}
.eu-card .rc-line2{flex-wrap:wrap;gap:.35rem .8rem}
.eu-card .wl,.eu-card .seat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
@media(max-width:640px){.eu-card .wl{max-width:100%}.eu-card .seat{max-width:100%}
  .eu-hint-pill{font-size:var(--fs-sm);padding:.25rem .55rem}}
.gz-more{font-size:var(--fs-sm);color:var(--accent);opacity:.8;margin-left:.3rem}

/* Zeitreise: lange besetzungen */
.zt-count{color:var(--text3);font-size:var(--fs-s);font-weight:400}
.zt-more-btn{display:inline-flex;align-items:center;gap:.3rem;margin:.4rem 0 0;padding:.25rem .6rem;
  border-radius:6px;border:1px solid var(--border,rgba(255,255,255,.12));background:transparent;
  color:var(--text2);font-size:var(--fs-s);cursor:pointer}
.zt-more-btn:hover{border-color:var(--accent);color:var(--accent)}
.hist-kind{min-width:5.2rem;display:inline-block}

/* Historie-blöcke klappbar */
.hist-toggle{display:flex;align-items:center;gap:.35rem;cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit}
.hist-toggle:hover{color:var(--accent)}
.hist-toggle svg{width:.9rem;height:.9rem;transition:transform .15s}
.hist-block.open .hist-toggle svg{transform:rotate(180deg)}
.hist-count{color:var(--text3);font-weight:400}
.hist-more{display:block;margin:.35rem 0 0;padding:.25rem .6rem;border-radius:6px;
  border:1px solid var(--border);background:transparent;color:var(--text2);
  font-size:var(--fs-s);cursor:pointer}
.hist-more:hover{border-color:var(--accent);color:var(--accent)}
.hist-collapsed{opacity:.75}

/* Autocomplete-dropdown (branche + ort) */
.sg-drop{position:fixed;z-index:9000;background:var(--surface);border:1px solid var(--border);
  border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.5);overflow:hidden;max-height:340px;overflow-y:auto}
.sg-group{padding:.4rem .7rem .2rem;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}
.sg-item{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.42rem .7rem;cursor:pointer}
.sg-item:hover,.sg-item.active{background:color-mix(in srgb, var(--accent) 12%, transparent)}
.sg-name{color:var(--text);font-size:var(--fs-l)}
.sg-sub{color:var(--text3);font-size:var(--fs-sm);white-space:nowrap}

/* Chips-Eingabefeld (facetten-suche: branche + ort) */
.chips-input{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;flex:1;
  background:var(--surface2);border:1px solid var(--border);
  border-radius:10px;padding:.35rem .55rem;min-height:2.6rem}
.chips-input:focus-within{border-color:var(--accent)}
.chips-input input{flex:1;min-width:9rem;background:transparent;border:none;outline:none;
  color:inherit;font:inherit;padding:.25rem 0}
.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:999px;
  font-size:var(--fs-s);line-height:1.2;cursor:default;white-space:nowrap;max-width:15rem;
  overflow:hidden;text-overflow:ellipsis}  /* V8: clip→ellipsis, title zeigt volltext */
.chip .chip-x{cursor:pointer;opacity:.65;margin-left:.15rem;font-weight:700}
.chip .chip-x:hover{opacity:1}
.chip-branche{background:color-mix(in srgb, var(--purple) 14%, transparent);color:var(--purple);border:1px solid color-mix(in srgb, var(--purple) 35%, transparent)}
.chip-ort{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}
.chip svg{width:.8rem;height:.8rem;flex-shrink:0}

/* Hilfe-panel (suche-hilfe) */
.search-bar-aux{display:flex;gap:.5rem;align-items:center}
.help-panel{margin:.5rem 0 .2rem;padding:.9rem 1rem;border:1px solid var(--border,rgba(255,255,255,.14));
  border-radius:12px;background:var(--surface2)}
.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem 1.6rem}
.help-h{display:flex;align-items:center;gap:.45rem;font-size:var(--fs-m);font-weight:600;color:var(--accent);
  margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-light)}
.help-h svg{width:.9rem;height:.9rem}
.help-row{display:flex;align-items:baseline;gap:.55rem;font-size:var(--fs-s);color:var(--text2);
  padding:.18rem 0}
.help-row code{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:5px;
  padding:.05rem .4rem;font-size:var(--fs-s);color:var(--accent);white-space:nowrap}
.help-row kbd{background:color-mix(in srgb, var(--purple) 10%, transparent);border:1px solid color-mix(in srgb, var(--purple) 30%, transparent);border-radius:5px;
  padding:.05rem .4rem;font-size:var(--fs-sm);color:var(--purple);white-space:nowrap}
.help-tag{font-size:var(--fs-xs);font-weight:700;border-radius:4px;padding:.1rem .35rem;flex-shrink:0}
.help-tag.fb{background:color-mix(in srgb, var(--green) 15%, transparent);color:var(--green);border:1px solid color-mix(in srgb, var(--green) 35%, transparent)}
.help-tag.wko{background:color-mix(in srgb, var(--gold) 15%, transparent);color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent)}
.help-tag.gisa{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}
#help-toggle[aria-expanded="true"] .chev{transform:rotate(90deg)}
@media(max-width:640px){.help-grid{grid-template-columns:1fr}}

/* ── XML-urkunden-viewer (generisch, autom. felder-erkennung) ── */
.xml-meta { font-size:var(--fs-sm); color: var(--text3); margin:.3rem 0 .6rem; }
.xml-facts { width:100%; border-collapse:collapse; font-size:var(--fs-s); }
.xml-facts th { text-align:left; font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.06em;
  color:var(--text3); padding:.25rem .5rem .25rem 0; border-bottom:1px solid var(--border); }
.xml-facts td { padding:.28rem .5rem .28rem 0; border-bottom:1px solid var(--border-light); vertical-align:top; }
.xml-facts td.num { text-align:right; font-family:var(--mono); white-space:nowrap; color:var(--text); }

/* Identitäts-Auswahl per Geburtsdatum (person/search, Fakt-basiert) */
.person-group.pg-selected{border:1px solid var(--green);background:color-mix(in srgb, var(--green) 5%, transparent);}
.pg-select-note{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-m);color:var(--green);margin:.4rem 0 .2rem;}

/* ── Beteiligungs-Baum: Kinder mit L-Verbinder unterm Zwischen-Knoten ── */
.bet-tree-child { position: relative; margin-left: 1.7rem !important; }
.bet-tree-child::before {
    content: '';
    position: absolute;
    left: -0.85rem;
    top: 0;
    width: 0.8rem;
    height: 55%;
    border-left: 1.5px solid var(--border);
    border-bottom: 1.5px solid var(--border);
    border-bottom-left-radius: 8px;
    opacity: .8;
}
.bet-tree-group { position: relative; }
.bet-tree-group.has-children { padding-bottom: .15rem; }
.bet-tree-group.has-children::after {
    content: '';
    position: absolute;
    left: -0.85rem;
    top: 1.35rem;
    bottom: .3rem;
    width: 0;
    border-left: 1.5px solid var(--border);
    opacity: .55;
}

/* Frühere Firmennamen (Namensphase aus der Historie) — dezent unter dem
   Namen, tooltip erklärt die quelle. idee #12 */
.rc-former {
  font-size: .78rem;
  color: var(--text3, #888);
  margin: 2px 0 0 0;
}

/* Bilanz-kennzahlen (idee #23): umsatz/ergebnis/summe prominent */
.kenn-grid { display: flex; flex-wrap: wrap; gap: .6rem; margin: .6rem 0; }
.kenn-chip {
  background: var(--bg2, #f6f6f7); border: 1px solid var(--border, #e3e3e6);
  border-radius: 8px; padding: .5rem .8rem; min-width: 130px;
  display: flex; flex-direction: column; gap: .15rem;
}
.kenn-lbl { font-size: .72rem; color: var(--text3, #888); text-transform: uppercase; letter-spacing: .04em; }
.kenn-val { font-size: 1.15rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.kenn-chip.kenn-pos .kenn-val { color: var(--ok, #16803c); }
.kenn-chip.kenn-neg .kenn-val { color: var(--bad, #c02929); }

/* ── statischer SEO-Content (startseite) — 2026-09-15 ──────────────────── */
/* Nur im home-view sichtbar (router.setView blendet wie den ticker aus).
   760px = seiten-rhythmus (search-wrap, feed); chips wie die app-chip-sprache. */
.seo-intro { max-width: 760px; margin: 3rem auto 0; padding: 0 1rem 1.75rem; text-align: center; }
.seo-intro p { font-size: var(--fs-m); color: var(--text2); line-height: 1.7; max-width: 58ch; margin: 0 auto .35rem; }
.seo-intro p strong { color: var(--text); font-weight: 600; }
.seo-chip-row { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; margin-top: .85rem; }
.seo-chip {
  font-size: var(--fs-sm); padding: .32rem .8rem; border-radius: 999px;
  border: 1px solid var(--border); background: var(--surface); color: var(--text2);
  text-decoration: none; transition: border-color var(--t) var(--ease), color var(--t) var(--ease);
}
.seo-chip:hover { border-color: var(--accent); color: var(--text); text-decoration: none; }


/* Bilanz-Metrik-Chips (North-Data-Umschalter, 2026-09-26): eine
   haupt-grafik, kennzahlen als tabs — aktiver chip trägt accent. */
.bilanz-metric-chip { border: 1px solid var(--border); background: var(--surface2); color: var(--text2); }
.bilanz-metric-chip--aktiv { border-color: var(--accent); color: var(--accent); font-weight: 600; }

/* ── Verflechtungs-Graph (detail-netzwerk.js, P1 2026-09-27) ──
   Desktop: 3-Spalten-SVG scrollbar; mobil (<640px): eingerückte Liste —
   kein Quetschen des Baums („dense"-Befund, prototypes/treeviz). */
.netz-svg { background:#fff; border:1px solid #e5e1d8; border-radius:12px;
  padding:10px; overflow:auto; }
.netz-svg svg { width:100%; height:auto; min-width:680px; display:block; }
.netz-liste { display:none; }
.netz-lsec { margin:6px 0 14px; }
.netz-lhead { font-size:10.5px; letter-spacing:1.4px; font-weight:700;
  color:#1d4ed8; margin-bottom:4px; }
.netz-lsec.dn .netz-lhead { color:#047857; }
.netz-liste ul { list-style:none; margin:0; padding:2px 0 2px 14px;
  border-left:2px solid #e5e7eb; }
.netz-liste li { display:flex; justify-content:space-between; align-items:baseline;
  gap:10px; padding:5px 0; font-size:13px; color:#111827; }
.netz-role { color:#6b7280; font-size:11.5px; white-space:nowrap; }
.netz-person { font-size:10px; color:#6b7280; border:1px dashed #9ca3af;
  border-radius:10px; padding:0 6px; margin-left:6px; }
.netz-more { color:#9ca3af; font-style:italic; }
.netz-legend { display:flex; gap:16px; flex-wrap:wrap; font-size:11px;
  color:#6b7280; margin-top:8px; }
.netz-legend .l-up::before, .netz-legend .l-dn::before {
  content:''; display:inline-block; width:16px; height:3px; border-radius:2px;
  margin-right:5px; vertical-align:3px; }
.netz-legend .l-up::before { background:#1d4ed8; }
.netz-legend .l-dn::before { background:#047857; }
.netz-legend .l-pers::before { content:''; display:inline-block; width:16px; height:0;
  border-top:2px dashed #9ca3af; margin-right:5px; vertical-align:3px; }
@media (max-width:639px) {
  .netz-svg { display:none; }
  .netz-liste { display:block; }
}
.netz-erloschen { font-size:10px; color:#6b7280; border:1px solid #d1d5db;
  border-radius:10px; padding:0 6px; margin-left:6px; background:#f3f4f6; }
.netz-chips { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:10px; }
.netz-chip { font-size:11.5px; padding:4px 11px; border-radius:16px; cursor:pointer;
  border:1px solid #d1d5db; background:#fff; color:#374151; }
.netz-chip.on { background:#111827; color:#fff; border-color:#111827; }
.netz-chip:hover { border-color:#111827; }
.netz-hint { font-size:10.5px; color:#9ca3af; margin-left:auto; }
.netz-wrap:fullscreen { background:#fff; padding:24px; overflow:auto; }
.netz-wrap:fullscreen .netz-svg { border:none; max-width:1800px; margin:0 auto; }
.netz-wrap:fullscreen svg { min-width:0; width:100%; }
.netz-count { font-size:12px; color:#374151; margin-right:10px; }
.netz-count b { font-size:13px; }
.netz-count-more { color:#9ca3af; font-size:10.5px; }