css-feature-isolation

name	css-feature-isolation
description	Nutzen bei jeder UI/CSS-Aenderung. Erzwingt strikt feature-lokale Styles, minimiert globale Styles und verbietet feature-spezifische Eintraege in globalen CSS-Dateien ohne Ausnahme.

ziel:css_architektur_pro_feature_strikt_lokal_halten scope:alle_css_ui_aenderungen_im_yaha_frontend regel_1:jedes_feature_muss_eine_eigene_css_datei_haben regel_2:globale_styles_muessen_minimal_und_generisch_bleiben regel_3:globale_styles_duerfen_keine_feature_spezifischen_selektoren_enthalten regel_4:es_ist_strikt_verboten_in_eine_globale_styles_css_etwas_anzulegen_das_nur_in_einem_feature_verwendet_wird regel_5:regel_4_hat_keine_ausnahme regel_6:bei_jeder_neuen_feature_ui_komponente_css_im_feature_ordner_anlegen regel_7:shared_styles_nur_wenn_wirklich_mehrere_features_betroffen_sind regel_8:bei_bestehenden_globalen_feature_styles_migration_in_feature_css_ist_verpflichtend_sobald_das_feature_geaendert_wird regel_9:bei_konflikt_zwischen_bequemlichkeit_und_architektur_gilt_immer_feature_isolation regel_10:bei_nicht_einhaltung_als_blocker_melden

global_erlaubt_1:design_tokens_css_variablen global_erlaubt_2:reset_und_basis_html_body global_erlaubt_3:echt_globale_layout_utilities_die_mehrere_features_nutzen global_erlaubt_4:barrierefreiheits_globalregeln_ohne_feature_bindung

global_verboten_1:feature_klassen_nur_fuer_eine_einzige_seite global_verboten_2:feature_spezifische_breakpoints_im_global_scope global_verboten_3:feature_button_input_card_status_styling_in_globaler_datei

umsetzungscheck_1:jede_neue_feature_komponente_hat_lokale_css_heimat umsetzungscheck_2:globale_styles_enthalten_keine_neuen_feature_spezifischen_selektoren umsetzungscheck_3:bestehende_feature_globalstyles_wurden_bei_bearbeitung_migriert umsetzungscheck_4:abschluss_enthaelt_explizite_bestaetigung_der_einhaltung