/* Corporate Branding – automatisch erzeugt, nicht manuell editieren */

/* Hintergrund (Regel laut CI-Vorgabe) */
body {
    background-image: url('bg_globe_01.jpg') !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #7fa4bf !important;
    margin: 0;
}
/* Falls Angular-Container eigene deckende Hintergründe setzen, hier gezielt
   transparent machen (Selektoren per F12 ermitteln), z. B.:
   app-root, .main-container { background: transparent !important; } */

/* Logo ersetzen */
img.logo {
    content: url('sixData.png') !important;
    max-height: 48px !important;
    width: auto !important;
    object-fit: contain;
}

/* Seitenpanel-Inhalt (Console recording) ausblenden */
.sidepanel-content[aria-labelledby="console-recording-id"] {
    display: none !important;
}
/* Optional: leeren Rahmen mit ausblenden (benötigt :has(), Edge/Chrome/Firefox aktuell)
*:has(> .sidepanel-content[aria-labelledby="console-recording-id"]) { display: none !important; } */

/* Tenant-Kacheln: Hintergrund = --tenant-header-background-color mit 20 % Deckkraft
   (Fallback für Browser ohne color-mix(): CI-Farbe als rgba) */
.tenants .tenants-container > div:nth-child(2) > .ms-FocusZone {
    background-color: rgba(10, 92, 168, 0.2) !important;
    background-color: color-mix(in srgb, var(--tenant-header-background-color, #0a5ca8) 75%, transparent) !important;
}

/* Gelbe Warn-MessageBar auf der Tenant-Seite komplett ausblenden */
.tenants > .ms-MessageBar.warning-messages-root {
    display: none !important;
}

/* Benutzerkarte: tertiären Persona-Text ausblenden */
.user-account-card-content .ms-Persona-tertiaryText {
    display: none !important;
}

/* Logo oben links auf der Anmeldeseite (per JS eingefügt) */
#corp-login-logo {
    position: fixed;
    top: 58px;
    left: 30px;
    z-index: 100;
    height: 124px;
    width: auto;
    max-width: 60vw;
    object-fit: contain;
    pointer-events: none;
}
#corp-login-logo.corp-hidden { display: none; }

/* Logo auf der Ãœbersichtsseite (als erstes Element der Steuerleiste) */
#corp-overview-logo {
    flex: 0 0 auto;
    align-self: center;
    height: 124px;
    width: auto;
    max-width: 50vw;
    /* margin-right:auto schiebt das Logo an den linken Rand der (rechtsbündigen) Steuerleiste,
       die Bedienelemente bleiben rechts */
    margin: 0 auto 0 0;
    object-fit: contain;
}

/* Mobil: Logo skalieren */
@media (max-width: 600px) {
    #corp-login-logo {
        top: 58px;
        left: 12px;
        height: 64px;
        max-width: 55vw;
    }
    #corp-overview-logo {
        height: 56px;
        max-width: 40vw;
    }
}

/* Datenschutz-Link */
#corp-privacy {
    position: fixed;
    right: 12px;
    bottom: 8px;
    z-index: 2147483000;
    padding: 4px 10px;
    font: 12px/1.4 "Segoe UI", Arial, sans-serif;
    background: rgba(255,255,255,.88);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
#corp-privacy a { color: #0a5ca8; text-decoration: none; }
#corp-privacy a:hover { text-decoration: underline; }
#corp-privacy.corp-hidden { display: none; }