/* ================================================================
   BRÜCKE TEAM → gemeinsame Gestaltung (zu gemeinsam.css Version 1.1.0) · 05.11.2026
   Nur Werte, die in TEAM heute schon GLEICH sind, zeigen hier auf --g-* – das Aussehen von TEAM ändert sich dadurch nicht.
   Keine eigenen Werte. Einbinden NACH gemeinsam.css, in app.html (Desktop) und pwa-mobile.html (Handy) (LIESMICH.md).
   Wirkt mit <html class="g-bruecke"> (Desktop) bzw. <html class="g-bruecke g-team-handy"> (Handy); :root.g-bruecke … schlägt die
   bisherigen Regeln unabhängig von der Reihenfolge der Dateien. tests/pruefe_css.py T8 prüft jede Zeile gegen die heutigen TEAM-Werte.
   Abzug 04.11.2026 nach R1 (team.js v279, Handy v39): team.css · team-design.css · team-desktop-e7.css · team-redaktion.css ·
   team-mobile.css · team-mobile-e6.css.

   Noch ABWEICHEND (bleibt bis Paket C bei TEAM, hier bewusst nicht verbunden):
   · TEAM selbst (Etappe 7, :root): Leinen --bg #f4f1ea, --surface2 #f9f7f2, --hover #efebe2, --border #e6e2d9/#d5d0c4, --text #1f1e1c,
     --text2 #5c5a54, --text3 #6b6861, --accent-s #e5eee7, Ecken --r-karte 18 / --r-feld 11, Zustände --e7-ocker #85590c,
     --e7-ziegel #a03a27, --e7-himmel #33639f (G0: Backoffice-Werte, Warnung #8f6210, Alarm #b3261e, Info #24527a).
   · Werkzeuge (#app-shell …): --text3 #a0a099 (2,4 : 1; G0 #8d8d86), --bar #6b8470 (G0-Rahmen #263a30), --ground #f2f5f1.
   · Redaktion: --r2-warn #9a6a12 (auf #fbf1dc nur 4,2 : 1; G0 #8f6210 mit 4,8 : 1).
   · Handy (Etappe 6): Leinen und Erdtöne wie TEAM selbst (--e6-bg, --e6-ink-2/3, --e6-ocker …), --e6-serif mit 'Source Serif Pro'.
   · Backoffice-Zustände in team-design.css stehen als feste Farben in den Regeln (z. B. .st.offen #9a6a12) – die stellt Paket C um.
   ================================================================ */

/* TEAM Desktop (app.html; <html class="g-bruecke">) – :root aus team.css, team-design.css, team-desktop-e7.css */
:root.g-bruecke:not(.g-team-handy) {
  --accent: var(--g-akzent);
  --sage: var(--g-akzent);
  --sage-d: var(--g-akzent-d);
  --accent-d: var(--g-akzent-d);
  --surface: var(--g-flaeche);
  --card: var(--g-flaeche);
  --flora: var(--g-flora);
  --schatten-pop: var(--g-schatten-pop);
  --oben-h: var(--g-kopf-h);
  --nav-b: var(--g-symbolleiste-b);
  --bar: var(--g-rahmen);
  --e7-sage-d: var(--g-akzent-d);
  --e7-kopf-hell: var(--g-rahmen-hell);
  --e7-badge: var(--g-zaehler);
  --e7-badge-ink: var(--g-zaehler-text);
  --e7-fokus: var(--g-fokus);
  --e7-fokus-hell: var(--g-fokus-hell);
  --e7-sh-1: var(--g-schatten-1);
  --e7-sh-2: var(--g-schatten-2);
  --e7-serif: var(--g-schrift-titel);
  --e7-sans: var(--g-schrift-rahmen);
  --e7-system: var(--g-schrift);
}

/* TEAM Handy (pwa-mobile.html; <html class="g-bruecke g-team-handy">) – :root aus pwa-mobile.html und team-mobile-e6.css.
   Getrennt vom Desktop, weil das Handy --accent, --sage-d und --e7-fokus ohne Definition nutzt (Rückfallwerte) und --surface dort #f9f7f2 ist. */
:root.g-bruecke.g-team-handy {
  --e6-card: var(--g-flaeche);
  --e6-sage: var(--g-akzent);
  --e6-sage-d: var(--g-akzent-d);
  --e6-kopf: var(--g-rahmen);
  --e6-flora: var(--g-flora);
  --e6-badge: var(--g-zaehler);
  --e6-badge-ink: var(--g-zaehler-text);
  --e6-sans: var(--g-schrift-rahmen);
  --e6-sh-1: var(--g-schatten-1);
  --e6-sh-2: var(--g-schatten-2);
  --tm: var(--g-akzent);
  --tm-dark: var(--g-akzent-d);
  --acc-mint: var(--g-akzent);
  --card: var(--g-flaeche);
}

/* Werkzeuge Backoffice, Personal, LandLord und ihre Fenster (team-desktop-e7.css §1: Werte v261) */
:root.g-bruecke :is(#app-shell, .bo-modal-bg, .mini-date-ov, .bow-pin-modal, #bo-firma-menu, #hrWorkModal, .hr-emp-overlay, .pk-measure-box, .emp-loesch) {
  --bg: var(--g-grund);
  --surface2: var(--g-flaeche-2);
  --hover: var(--g-hover);
  --border: var(--g-linie);
  --border1: var(--g-linie);
  --border2: var(--g-linie-2);
  --text: var(--g-text);
  --text2: var(--g-text-2);
  --accent-s: var(--g-akzent-s);
  --sage-l: var(--g-akzent-s);
  --r-karte: var(--g-r-karte);
  --r-feld: var(--g-r-feld);
}

/* Redaktion (team-redaktion.css RED2, Werte wie LandLord) */
:root.g-bruecke :is(#red-shell, #red-dr, .r2-frage-ov, .r2-menue) {
  --r2-bg: var(--g-grund);
  --r2-surface: var(--g-flaeche);
  --r2-surface2: var(--g-flaeche-2);
  --r2-hover: var(--g-hover);
  --r2-border: var(--g-linie);
  --r2-border2: var(--g-linie-2);
  --r2-text: var(--g-text);
  --r2-text2: var(--g-text-2);
  --r2-text3: var(--g-text-3);
  --r2-accent: var(--g-akzent);
  --r2-accent-s: var(--g-akzent-s);
  --r2-sage-d: var(--g-akzent-d);
  --r2-warn-s: var(--g-warn-s);
  --r2-warn-r: var(--g-warn-r);
  --r2-alert: var(--g-alert);
  --r2-alert-s: var(--g-alert-s);
  --r2-blau: var(--g-info);
  --r2-blau-s: var(--g-info-s);
  --r2-r-karte: var(--g-r-karte);
  --r2-r-feld: var(--g-r-feld);
  --r2-pop: var(--g-schatten-pop);
  --r2-font: var(--g-schrift);
}