/* Werkzeugkasten · Stil „Linie“ (aus klmmbrtt, Gestaltungssystem Linie, Stand 3.113.3)
   Grundsatz: keine Karten, keine Flächen, keine Schatten, keine Rundungen.
   Hierarchie entsteht aus Schrift, Linien und Abstand. Akzent NUR für Dringlichkeit (und Löschen).
   Braucht tokens.css (design-grundlagen ≥ 0.2) und Inter (Baustein schriften). */
[data-stil="linie"] {
  --wk-grund-h: #FFFFFF;          --wk-grund-d: #111213;
  --wk-flaeche-h: #FFFFFF;        --wk-flaeche-d: #111213;     /* keine Karten: Fläche = Grund */
  --wk-flaeche-2-h: #EFEFED;      --wk-flaeche-2-d: #1F2021;   /* NUR Hover, Auswahl, Einstellungsgruppen */
  --wk-auswahl-h: #EFEFED;        --wk-auswahl-d: #1F2021;
  --wk-text-h: #111111;           --wk-text-d: #EDEDEC;
  --wk-text-2-h: #111111;         --wk-text-2-d: #EDEDEC;      /* drei Textstufen: Text, leise, sehr leise */
  --wk-text-leise-h: #767676;     --wk-text-leise-d: #909090;
  --wk-linie-h: #E0E0E0;          --wk-linie-d: #2A2B2C;       /* Haarlinie */
  --wk-linie-stark-h: #111111;    --wk-linie-stark-d: #EDEDEC; /* Grundlinie: nur unter Bedientem */
  --wk-akzent-h: #C0392B;         --wk-akzent-d: #F2695A;
  --wk-auf-akzent-h: #FFFFFF;     --wk-auf-akzent-d: #111213;
  --wk-haupt-h: #111111;          --wk-haupt-d: #EDEDEC;
  --wk-auf-haupt-h: #FFFFFF;      --wk-auf-haupt-d: #111213;
  --wk-fokus-h: #111111;          --wk-fokus-d: #EDEDEC;
  /* Zustände nicht über Farbe: gut/offen in Textfarbe, Fehler = Akzent */
  --wk-gut-h: #111111;            --wk-gut-d: #EDEDEC;
  --wk-gut-flaeche-h: transparent; --wk-gut-flaeche-d: transparent;
  --wk-gut-text-h: #111111;       --wk-gut-text-d: #EDEDEC;
  --wk-gut-rand-h: #111111;       --wk-gut-rand-d: #EDEDEC;
  --wk-achtung-h: #111111;        --wk-achtung-d: #EDEDEC;
  --wk-achtung-flaeche-h: transparent; --wk-achtung-flaeche-d: transparent;
  --wk-achtung-text-h: #111111;   --wk-achtung-text-d: #EDEDEC;
  --wk-achtung-rand-h: #8C8C8C;   --wk-achtung-rand-d: #6E6E6E;
  --wk-fehler-h: #C0392B;         --wk-fehler-d: #F2695A;
  --wk-fehler-flaeche-h: transparent; --wk-fehler-flaeche-d: transparent;
  --wk-fehler-text-h: #C0392B;    --wk-fehler-text-d: #F2695A;
  --wk-schleier-h: rgba(17,17,17,.4); --wk-schleier-d: rgba(0,0,0,.7);
  --wk-schatten-1-h: none; --wk-schatten-1-d: none;
  --wk-schatten-2-h: none; --wk-schatten-2-d: none;
  --wk-schatten-3-h: none; --wk-schatten-3-d: none;

  --wk-radius-s: 0px; --wk-radius-m: 0px; --wk-radius-l: 0px; --wk-radius-xl: 0px; --wk-radius-rund: 0px;
  --wk-strich: 1px; --wk-strich-aktiv: 2px;
  --wk-schrift: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --wk-schrift-anzeige: var(--wk-schrift);
  /* Genau fünf Stufen: Titel 24, Groß 15, Basis 13, Klein 11, Winzig 10 (Abschnittsmarke) */
  --wk-groesse-titel: 24px; --wk-groesse-abschnitt: 10px; --wk-groesse-gross: 15px;
  --wk-groesse-text: 13px; --wk-groesse-klein: 11px;
  --wk-gewicht-titel: 700; --wk-gewicht-abschnitt: 700; --wk-gewicht-stark: 400;   /* fett nur Titel und Marken */
  --wk-laufweite-titel: -.01em;
  --wk-dauer-kurz: 120ms; --wk-dauer-mittel: 200ms;
}
@media (max-width: 700px), (orientation: landscape) and (max-height: 520px) {
  [data-stil="linie"] { --wk-groesse-titel: 21px; }
}

/* Bausteine in Linie: Abschnitt = Marke (Versalien), Felder = Grundlinie, Fokus = Kante links */
[data-stil="linie"] .wk-h2 { letter-spacing: .08em; text-transform: uppercase; color: var(--wk-text-leise);
  padding-top: 10px; border-top: var(--wk-strich) solid var(--wk-linie); }
[data-stil="linie"] .wk-karte, [data-stil="linie"] .wk-karte.entschieden { border: 0; border-bottom: var(--wk-strich) solid var(--wk-linie); padding: 12px 0; background: transparent; }
[data-stil="linie"] .wk-karte.vorschlag, [data-stil="linie"] .wk-karte.offen { border: 0; border-bottom: var(--wk-strich) dashed var(--wk-text-leise); }
[data-stil="linie"] .wk-btn { border-color: transparent; border-bottom-color: var(--wk-linie-stark); background: transparent; padding-inline: 0 2px; }
[data-stil="linie"] .wk-btn.haupt { background: var(--wk-haupt); padding-inline: 14px; }
[data-stil="linie"] .wk-feld { border: 0; border-bottom: var(--wk-strich) solid var(--wk-linie); background: transparent; padding-inline: 0; }
[data-stil="linie"] .wk-feld:focus { outline: none; border-bottom: var(--wk-strich-aktiv) solid var(--wk-linie-stark); }
[data-stil="linie"] .wk-feld[aria-invalid="true"] { border-bottom: 2px solid var(--wk-akzent); }
[data-stil="linie"] .wk-pill, [data-stil="linie"] .wk-chip { background: transparent; box-shadow: none; padding-inline: 0; font-weight: 400; }
[data-stil="linie"] .wk-pill.entschieden { text-decoration: line-through; color: var(--wk-text-leise); }
[data-stil="linie"] .wk-pill.fehler { font-weight: 700; }
[data-stil="linie"] .wk-liste > li { position: relative; }
[data-stil="linie"] .wk-liste > li:focus-visible { outline: none; }
[data-stil="linie"] .wk-liste > li:focus-visible::before, [data-stil="linie"] .wk-liste > li[aria-selected="true"]::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--wk-strich-aktiv); background: var(--wk-linie-stark); }
/* Akzent (Löschen, Dringendes) nur als Schrift, nie als Fläche (Regel A4) */
[data-stil="linie"] .wk-btn.akzent { background: transparent; color: var(--wk-akzent); border-bottom-color: var(--wk-akzent); }
[data-stil="linie"] .wk-h1 em, [data-stil="linie"] .wk-h2 em { color: inherit; }   /* Akzent nur für Dringlichkeit */