/* ── Pandur: Feinschliff der eigenen Startseite (embedded_pages.home_url) ──
   Elements Startseite filtert Inline-Stile aus home.html heraus — dieses
   Stylesheet wird deshalb per <link> in index.html geladen
   (server/element-branding.ps1 spielt beides nach jedem Update neu ein). */

.mx_HomePage, .mx_EmbeddedPage {
    max-width: 640px;
    margin: 0 auto;
}

/* Spaces-Leiste ausblenden: nur noch eine flache Raumliste (Wunsch des
   Nutzers, "kein Space-Gedoens mehr"). Element Web bietet dafuer keinen
   config.json-Schalter (kein UIFeature.Spaces, offenes Upstream-Issue
   element-web#18898) - reines Wegblenden per CSS ist der Weg ohne eigenen
   Element-Web-Build aus dem Quellcode. Die Raumliste zeigt im "Home"-Zustand
   (kein Space aktiv) ohnehin schon alle Raeume flach, unabhaengig von
   Space-Zugehoerigkeit - hier geht also nichts verloren, nur der Umschalter
   verschwindet. */
/* Am 16.09.2026 kurz stillgelegt, weil der Browser-Tab mit "Out of Memory"
   starb und diese Regel der juengste Eingriff an der Oberflaeche war. Die
   Konsole hat sie entlastet: alle Meldungen (SessionLock, EventTile,
   MaxListenersExceeded) stammen aus Elements eigenem Code, keine aus dem
   Stylesheet. Deshalb wieder aktiv. */
.mx_SpacePanel {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
}

/* Logo mit Schriftzug: mittig. Hoehe NICHT festnageln — die Wortmarke ist
   hochformatig (Schild ueber zwei Textzeilen), eine feste Quadratgroesse
   wuerde sie stauchen. */
.mx_HomePage img[alt^="Secure"], .mx_EmbeddedPage img[alt^="Secure"] {
    display: block;
    margin: 24px auto 8px;
    width: 300px;
    height: auto;
}

/* Login-Kopfzeile: dort steckt dieselbe Wortmarke (auth_header_logo_url in
   config.json). Ohne Begrenzung zieht Element sie unschoen gross. */
.mx_AuthHeaderLogo img {
    max-height: 160px;
    width: auto;
}

/* Die ersten beiden Absaetze (Logo + Claim) mittig, der Rest linksbuendig */
.mx_HomePage p:nth-of-type(1), .mx_EmbeddedPage p:nth-of-type(1),
.mx_HomePage p:nth-of-type(2), .mx_EmbeddedPage p:nth-of-type(2) {
    text-align: center;
}