/* heusel.bi Begleit-CSS — Begleit-Klassen auf dem kanonischen heusel-2030-System (vendor/heusel/hsl.css). Nutzt ausschliesslich kanonische Tokens (--bg/--bg-card/--fg/--fg-dim/--border/--hero-a/--co-*/--ring/--ease). heusel.web2.css (2027-SSOT) ist entfernt — keine --hsl-*-Alt-Tokens mehr (Ausnahme: --hsl-av-size ist ein kanonischer HSL-Avatar-Token aus hsl.css). App-Akzent (Firmenblau) kommt aus dem --hero-a-Override in App.razor. Aufgeraeumt (A1): die tote Eigenbau-Palette (Tabellen-/Badge-/Gruppen-/Fixed-Table-/Health-Detail-Klassen, Alt-Profil/Brand) und die tote Shell-Glue (.nav-acct/.nav-logout) sind entfernt — die Shell laeuft komplett ueber die kanonischen -Chrome-Elemente (hsl-nav/hsl-profile-menu/hsl-footer/hsl-tenant-switch). */ /* --- Shell-Content-Wrapper (aus heusel.web2.css uebernommen, jetzt kanonisch) --- AdminLayout/PortalLayout .hsl_admin_content: bewusst KEINE max-width -> breite ListView-Tabellen nutzen die volle Breite; nur Innenabstand + volle Breite. */ .hsl_admin_content{padding:26px 24px 80px;width:100%;min-width:0;} .hsl_admin_content h2{margin:30px 0 14px;} .hsl_admin_content h3{margin:22px 0 10px;} /* --- Leerzustand (generischer Helfer) --- */ .hsl_empty{color:var(--fg-dim);padding:14px 0} /* heusel.web2.css abgeloest (Austausch statt Eigenbau): die --hsl-*-Tokens, die kiosk.css + board-builder.css noch referenzieren, kommen jetzt aus dem heusel.ui-Toolkit (nahezu identische Werte, themefaehig ueber #app.light). kiosk.css/board-builder.css bleiben unveraendert; web2.css (643 Z.) + die -Theme-Bruecke entfallen. */ #app { --hsl-fg: var(--fg); --hsl-fg-dim: var(--fg-dim); --hsl-bg: var(--bg); --hsl-bg-2: var(--bg-2); --hsl-bg-card: var(--bg-card); --hsl-bg-input: var(--bg-2); --hsl-border: var(--border); --hsl-border-strong: var(--border-strong); --hsl-brand: var(--hero-a); --hsl-brand-fg: var(--hero-ink); --hsl-co-blue: var(--co-blue); --hsl-co-green: var(--co-green); --hsl-co-red: var(--co-red); --hsl-co-yellow: var(--co-yellow); --hsl-danger: var(--co-red); --hsl-ok: var(--co-green); --hsl-warn: var(--co-yellow); --hsl-bad: var(--co-red); --hsl-ok-fg: var(--co-green); --hsl-warn-fg: var(--co-yellow); --hsl-bad-fg: var(--co-red); --hsl-ok-bg: color-mix(in srgb, var(--co-green), transparent 86%); --hsl-warn-bg: color-mix(in srgb, var(--co-yellow), transparent 86%); --hsl-bad-bg: color-mix(in srgb, var(--co-red), transparent 86%); --hsl-ring: var(--border); --hsl-glass-edge: var(--glass-edge); /* Kiosk-„Glass": sichtbarer Karten-Hintergrund mit Sheen (kein backdrop-filter, Kiosk-Perf) -> aus den Toolkit-Karten-/Text-Tokens abgeleitet (oben leicht aufgehellt = Glas-Sheen), NICHT der bloße --glass- Schleier (der machte die Kacheln flach/transparent). */ --hsl-glass-card: linear-gradient(155deg, color-mix(in srgb, var(--fg) 7%, var(--bg-card)), var(--bg-card) 58%); --hsl-e1: var(--e1); --hsl-e2: var(--e2); --hsl-radius-card: 14px; --hsl-radius-pill: 999px; --hsl-font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; } /* Content-Container nutzt die Toolkit-.content (Padding zu Header/Nav), behaelt aber KEINE max-width (breite ListView-Tabellen). .hsl_admin_content liefert weiter die h2/h3-Abstaende (oben). */ .content.hsl_admin_content { max-width: none; } /* === Geteilte Layout-Primitive (P2-Generalisierung, Backlog 2026-07-16) =================================== Ersetzen die frueher je Seite dupliziert definierten Inline-