/* ============================================================================ #16d ACCENT PRE-PAINT — Flash-Eliminierung fuer dedizierte Primaer-CTAs Autorin: Angel — 2026-06-21 (ergaenzt 16c.js, ersetzt es NICHT) ---------------------------------------------------------------------------- PROBLEM (live gefunden auf /user/support): Der Button .btn-new-ticket rendert weiss-auf-gelb (Kontrast 1.1) und bleibt ~2s unlesbar, bis 16c.js ihn per MutationObserver umfaerbt. Ursache: die Support-/Ticket-Seite rendert spaet (nach dem Ticket-Fetch), also NACH 16c's letztem Timed-Sweep (1500ms). 16c fixt es korrekt, aber erst nach dem Flash. Endzustand ist dunkel/korrekt — der sichtbare Flash ist das Finding. WARUM CSS HIER SICHER IST (anders als das zurueckgerollte 16b): 16b hat pauschal je KLASSE dunkel gesetzt und damit geteilte Klassen (.auto-btn = mal gelb-primaer, mal transparent-sekundaer) kaputtgemacht. Diese Datei listet AUSSCHLIESSLICH Klassen, die nachweislich IMMER ein opakes Accent-Primaer-CTA sind (nie transparent/sekundaer). Fuer die ist dunkler Text auf dem Accent immer korrekt — kein Dunkel-auf-dunkel moeglich. --accent-primary-text ist pro Tenant berechnet (dunkel auf hellem Accent, hell auf dunklem Accent) -> tenant-sicher fuer ALLE Tenants. WIRKUNG: faerbt sofort beim Render (kein JS-Timing) -> kein Flash mehr. 16c.js bleibt fuer den generischen/dynamischen Rest zustaendig. DEPLOY (Dieter): global laden, NACH den Seiten-CSS (gleicher Slot wie 16c, am besten direkt davor/daneben im gemeinsamen /Footer-Partial). Nur color wird gesetzt, keine Hintergruende/Layouts. Reversibel (eine Datei). AUFNAHME-KRITERIUM fuer weitere Selektoren (bitte einhalten): Nur Klassen eintragen, die in JEDEM Vorkommen ein opakes Accent-Primaer-CTA sind. Im Zweifel NICHT eintragen — 16c.js faengt den Fall ohnehin (nur ggf. mit kurzem Flash). Geteilte Klassen (primaer+sekundaer) NIE hier eintragen. ============================================================================ */ /* Bestaetigt opake Accent-Primaer-CTAs (live verifiziert / dediziert): */ .btn-new-ticket, .btn-new-ticket * { color: var(--accent-primary-text, #1a1a1a) !important; }