/* Hausregel für alle Blätter unter public/ (#160): Steht ein Selektor in derselben Datei ein zweites Mal auf oberster Ebene, muss unmittelbar vor einer der beiden Fassungen ein Kommentar stehen, der die Marke `Doppelung:` trägt und sagt, warum es zwei sind. Es gibt keinen Bauschritt, der zwei Fassungen zusammenführt — es entscheidet die Reihenfolge im Text, und wer dann die erste ändert, sieht nichts passieren. Wo die zweite Fassung die erste bloß überschreibt, gehört sie eingefaltet statt kommentiert. Durchgesetzt von tests/Feature/CssDuplicateSelectorTest.php; alle absichtlichen Doppelungen zeigt `grep -rn "Doppelung:" public/`. Diese Datei ist zugleich die erste Fundstelle: `button`, `input`, `select`, `textarea`, `th` und `.password-toggle:hover` stehen hier mehrfach — je mit Notiz an ihrer Stelle. */ /* Die Palette wohnt seit #108 in color-tokens.css (auf jeder Seite als erstes Stylesheet geladen). Bis zum 2026-09-20 stand hier ein `:root` mit acht Kurz-Aliassen (`--bg`, `--s`, `--s2`, `--l`, `--t`, `--m`, `--b`, `--green`) „für project-ui.css und admin-layout.css" — von denen fünf niemand mehr las und die übrigen drei nur admin-settings.css; das liest jetzt die Namen selbst, und ColorTokenConsistencyTest lässt keinen Alias außerhalb der Token-Datei mehr zu (#397, Gruppe K). */ * { box-sizing: border-box; } /* `hidden` muss hidden bleiben (#171). Das `display:none` des Browsers steht in dessen Voreinstellung und verliert damit gegen **jede** eigene display-Regel — `.modal label {display:grid}` reichte, und ein ausgeschaltetes Optionalfeld stand trotzdem im Dialog. Doppelte Auswahl statt Quelltextreihenfolge, weil `.check {display:flex !important}` sonst gleichauf läge. */ [hidden][hidden] { display: none !important; } html { min-width: 320px; background: var(--canvas); } body { margin: 0; background: var(--canvas); color: var(--text); font: var(--weight-regular) var(--font-base)/var(--leading-base) var(--font-sans); } button, input, select, textarea { font: inherit; -webkit-tap-highlight-color: transparent; } a, summary { -webkit-tap-highlight-color: transparent; } /* Eine Linkfarbe, eine Regel fuers Unterstreichen (#224). Ohne diese Zeile gab der Browser besuchten Links sein eigenes Violett — dieselbe Beschriftung war je nach Verlauf des Lesenden mal blau, mal violett, und das las sich wie zwei verschiedene Arten von Link. Das schwaechstmoegliche Muster: jede Komponente, die eine eigene Farbe setzt, gewinnt weiterhin. Doppelung: `a` steht eine Zeile ueber dieser Gruppe schon einmal — dort zusammen mit `summary` fuer das Antippen auf Beruehrbildschirmen. Die Farbe gehoert nicht dorthin: `summary` ist kein Link und wuerde blau. Es gab hier einen Tag lang zusaetzlich `a:visited`. Das war gleich doppelt falsch: ueberfluessig, weil eine Autorenregel den Browservorgabewert fuer besuchte Links ohnehin schlaegt — und schaedlich, weil eine Pseudoklasse die Spezifitaet auf (0,1,1) hebt und damit `nav a` (0,0,2) ueberstimmt. Die Seitenleiste faerbte sich also blau, sobald ihre Ziele einmal besucht waren. Beim Durchsehen frisch gerenderter Seiten war das unsichtbar: Dort ist kein Link besucht. */ a { color: var(--link); text-decoration: none; } a:hover { color: var(--link-hover); } /* Unterstrichen wird nur, was im Fliesstext steht. Die Regel galt einen Tag lang fuer *jeden* Link beim Ueberfahren und legte damit einen Strich unter Seitenleiste, Projektzeilen und Kacheln — Dinge, die keine Fliesstextlinks sind und vorher zu Recht keinen hatten. Sie hing danach allein am Elternelement, und das ist zu wenig (#224): Derselbe Verweis bekam einen Strich oder keinen, je nachdem, ob jemand ihn in einen Absatz oder in ein `div` gesetzt hatte. „Berechtigungen" auf der Desktop-Seite stand unterstrichen, „Speicherbereiche verwalten" auf dem Dashboard nicht — dieselbe Sorte Verweis, zwei Erscheinungen. Die Regel lautet deshalb ab jetzt nicht mehr „im Absatz", sondern: **Fliesstext wird unterstrichen, ein Bedienelement nie** — auch dann nicht, wenn es mitten in einem Absatz steht. Ein Knopf, ein Abzeichen und ein Chip sind Bedienelemente; sie tragen ihre Form selbst und brauchen den Strich nicht, der bei ihnen nur wie ein Fehler aussaehe. (Der Pfeil-Verweis `.shape-link` stand hier bis zum 2026-09-13 mit in der Liste und ist gefallen — der Name ist der Link, ohne Pfeil.) */ p a, dd a, .hint a { text-decoration: underline; text-underline-offset: 2px; } :is(p, dd, .hint) a:is(.button-link, .ui-badge, .tag-chip) { text-decoration: none; } ::selection { background: var(--brand-soft); color: var(--text); } /* Die Rasterspalten der Schale stehen genau hier (#234). Sie standen in drei Blättern — 232px hier, 230px in admin-layout.css, das Token in navigation-shell.css —, und welche galt, entschied allein die Reihenfolge im . Wer die falsche änderte, sah nichts passieren. Das Token bleibt die Quelle der Breite; der Rückfallwert trägt die Oberflächen, die navigation-shell.css gar nicht laden (Anmeldung, Anlieferung, Fehlerseite). */ .shell { display: grid; grid-template-columns: var(--global-nav-width, 232px) minmax(0, 1fr); min-height: 100vh; } aside { display: flex; flex-direction: column; min-width: 0; padding: var(--space-5) var(--space-3) var(--space-4); border-right: 1px solid var(--border); background: var(--sidebar); } /* Die Leiste steht, der Inhalt scrollt (#307). Vorher war sie eine gewöhnliche Rasterspalte: Sie wuchs auf die Höhe des Hauptbereichs mit und wanderte beim Blättern nach oben aus dem Bild — auf einer langen Verwaltungsseite waren Navigation und der Fuß mit „Lokaler Server / Abmelden" nach zwei Umdrehungen des Rades nicht mehr erreichbar. `height` statt `min-height`, und das ist der Punkt: Ein Rasterelement wird ohne eigene Höhe auf die Zeilenhöhe gestreckt, und ein klebendes Element, das so hoch ist wie sein Scrollbereich, hat nichts, woran es kleben könnte. Erst die feste Höhe macht die Leiste kürzer als die Seite. `overflow-y` gehört dazu, weil eine Navigation auch länger als das Fenster sein kann; `.side-bottom` hängt über `margin-top: auto` weiter an ihrem unteren Rand. Dieselbe Lösung trug die Seitenleiste des Projektbereichs seit jeher (`.workspace-nav` in workspace.css) — die Verwaltung zog nach, statt eine zweite zu erfinden; seit dem 2026-09-11 ist diese Regel die einzige, weil der Projektbereich dieselbe Schale benutzt (#353). Auf `.shell > aside` eingeschränkt und nicht an die Regel darüber gehängt: Der nackte Selektor trifft auch die `