/* |----------------------------------------------------------------------- | Zusatz fuer das Altsystem |----------------------------------------------------------------------- | | public/css/kommandozentrale/{base,app}.css sind wortgleiche Kopien aus | dem Frontend und werden hier nicht angefasst. Diese Datei traegt nur, | was im Frontend die Vue-Bauteile erledigen und was es im Blade-Markup | zusaetzlich gibt. Jede Regel hier braucht einen Grund darueber. */ /* ── Grundlage, die im Frontend Tailwind stellt ─────────────────────── base.css und app.css sind fuer das neue Frontend geschrieben, und dort liegt Tailwinds Preflight darunter. Im Altsystem gibt es das auf diesen Seiten nicht — ohne diesen Block rechnet der Browser jede Breite in content-box, und jede Ueberschrift bekommt ihren Standardabstand zurueck. Das Ergebnis waeren Kacheln, die um ihre Polsterung zu breit sind, und Abstaende, die der Entwurf nie hatte. Uebernommen ist nur, worauf das Design sich wirklich stuetzt — kein vollstaendiger Reset. Wer hier etwas ergaenzt, prueft vorher, ob es das von JavaScript erzeugte Bootstrap-Markup weiter unten stoert. Zwei Zeilen in base.css bleiben ausserdem wirkungslos, weil sie Tailwind-Direktiven sind, die nur der Build aufloest: base.css:207 html, body, #__nuxt { @apply h-full } base.css:252 span[role="alert"] { @apply text-bad } Beides steht deshalb hier ausgeschrieben. */ *, *::before, *::after {box-sizing:border-box} html, body {height:100%} /* Der Randabstand des Browsers um — acht Pixel, die im Frontend Tailwinds Preflight nullt. Ohne diese Zeile steht die ganze Schale in einem Rahmen, und .b-shell/.lg mit min-height:100dvh ergeben zusammen mit dem Rand eine Seite, die sich scrollen laesst, obwohl sie passt. */ body {margin:0} h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {margin:0} /* Der Entwurf setzt Groesse und Gewicht je Flaeche selbst. Ohne diese Zeile traegt ein blankes

die Browservorgabe und springt heraus. */ h1, h2, h3, h4, h5, h6 {font-size:inherit; font-weight:inherit} img, svg, video, canvas {display:block} img, video {max-width:100%; height:auto} /* Verweise tragen im Entwurf ihre Farbe und ihre Unterlaengung selbst (.b-lnk, .b-btn, .kz-liste). Ohne diese Zeile faerbt der Browser jeden uebrigen blau und unterstreicht ihn — in der Nachrichtenliste traf das Titel und Zeitangabe, die dort gar keine Verweise sein sollen. So haelt es auch Tailwinds Preflight, unter dem das Frontend laeuft. Fliesstext aus dem Editor bekommt seine Verweise unten zurueck. */ a {color:inherit; text-decoration:inherit} /* Der wichtigste Teil: Browser geben