/* Dichte des Betreiber-Portals nach dem Huppenkothen-/DocFlow-Leitfaden.
   Wird NACH tailwind.css, lumeo.css und shell.css geladen und greift ausschliesslich unter der Klasse
   .adepto-admin (body in index.html). Die Kunden-App laedt diese Datei nicht, shell.css und theme.css
   bleiben unveraendert. Bewusst KEINE Farben, KEINE Marke: nur Schriftgroessen, Hoehen, Abstaende.
   Die Touch-Regel (shell.css, pointer: coarse, --lumeo-control-h*) bleibt unangetastet; Desktop-Hoehen
   stehen deshalb unter (hover: hover) and (pointer: fine). */

/* Basisschrift 14px (Leitfaden "Geist 14 px"). Ueberschreibt: Browser-Standard 16px auf body. Lumeo.Text
   ohne Size und alle Elemente ohne eigene Tailwind-Groesse erben das. Tailwind-Groessen in rem
   (text-sm, text-xs) bleiben absolut und sind davon nicht betroffen. */
body.adepto-admin {
    font-size: 14px;
}

/* Karten-Titel 14px/500 statt Lumeos font-semibold + tracking-tight (Leitfaden: Karten-Titel 14px/500).
   Ueberschreibt die Utility-Klassen am h3 (data-slot="card-title"); die Datei laedt nach tailwind.css, und der
   Attribut-plus-Klassen-Selektor ist spezifischer als die einzelne Utility. */
.adepto-admin [data-slot="card-title"] {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: normal;
}

/* DataGrid-Kopfzeile: 32px hoch, 13px, normale Gross-/Kleinschreibung (Leitfaden "Grid-Kopfzeile").
   Ueberschreibt Lumeos th-Klassen: text-xs uppercase tracking-wider (12px, VERSALIEN) und das
   Zellpolster py-2, das die Zeile auf 36px streckte. Farbe bleibt Lumeos text-muted-foreground. Die
   Datenzeilen (36px aus --lumeo-grid-row-h und Zellpolster) bleiben unveraendert. */
.adepto-admin [data-slot="datagrid-header-cell"] {
    height: 32px;
    padding-block: 0;
    font-size: 0.8125rem;
    text-transform: none;
    letter-spacing: normal;
    vertical-align: middle;
}

/* Werkzeugleisten-Knoepfe ueber dem Grid (Spalten, Export): 28px / 13px (Leitfaden "Werkzeugleisten-Knopf").
   Lumeos Toolbar-Knoepfe sind 32px (Button Sm). Das Suchfeld (type="text", von shell.css verbreitert),
   Select-Ausloeser (role="combobox") sowie Checkbox und Schalter sind ausgenommen: Lumeo rendert beide als
   <button role="checkbox|switch">, ohne die Ausnahme wurde "Geloeschte einschliessen" ein 28px hoher Balken. Nur fuer Maus, am Touch-Geraet gilt weiter die
   --lumeo-control-h-Skala aus shell.css. */
@media (hover: hover) and (pointer: fine) {
    .adepto-admin [data-slot="datagrid-toolbar"] button:not([role="combobox"]):not([role="checkbox"]):not([role="switch"]) {
        height: 28px;
        min-height: 28px;
        padding-block: 0;
        font-size: 0.8125rem;
    }
}

/* Karten in Rastern duerfen schmaler als ihr Inhalt werden. Ueberschreibt: min-width:auto von Grid-Elementen.
   Ohne das drueckt ein Diagramm (ECharts misst seine Breite beim Start und bei Fensteraenderungen verzoegert)
   die Spalte breiter, und die ganze Seite bekommt einen waagrechten Bildlauf (Auslastung, drei Diagramme
   nebeneinander bei 1440px). */
.adepto-admin [data-slot="card"] {
    min-width: 0;
}

/* Unsichtbare Datentabelle der Diagramme nicht in den Seitenlauf ragen lassen. Ueberschreibt: nichts an Lumeo,
   beschneidet nur den Behaelter waagrecht. Lumeo.Charts legt neben jedes Diagramm eine <table class="sr-only"> fuer
   Screenreader. sr-only verlaesst sich auf width:1px + overflow:hidden, aber Tabellen ignorieren overflow und wachsen
   auf ihre Inhaltsbreite; die Tabelle ragte so bis zu 50px ueber die Karte und gab der Auslastung bei 1440px einen
   waagrechten Bildlauf. clip statt hidden: kein eigener Scroll-Container, die Tabelle bleibt fuer Screenreader
   vollstaendig, und senkrecht darf weiter etwas ueberstehen (Tooltips). */
.adepto-admin .relative:has(> table.sr-only) {
    overflow-x: clip;
}