/* ATRIUM – gemeinsames Seitenlayout */

:root {
    --atrium-page-bg: #1e222d;
    --atrium-panel-bg: #232d40;
    --atrium-border: #3a4861;
    --atrium-text: #edf2fa;
    --atrium-muted: #b8c8dd;
}

/* Gemeinsame Navigation */
html {
    min-height: 100%;
}

body {
    min-height: 100vh;
}

.atrium-global-nav {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 12px 24px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #182338 !important;
    border-bottom: 1px solid var(--atrium-border) !important;
}

.atrium-global-brand {
    font-size: 19px !important;
    font-weight: 800 !important;
    white-space: nowrap;
}

.atrium-global-links {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

/* Login: Formular mittig unter Navigation */
body.atrium-page-login {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--atrium-page-bg) !important;
}

body.atrium-page-login > main.panel {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 420px !important;
    margin: clamp(45px, 9vh, 100px) auto 50px !important;
    box-sizing: border-box !important;
}

/* Signage: Seitenkopf kompakt */
body.atrium-page-signage {
    margin: 0 !important;
    background: var(--atrium-page-bg) !important;
}

body.atrium-page-signage > header {
    max-width: none !important;
    margin: 0 !important;
    padding: 18px 24px !important;
    box-sizing: border-box !important;
}

body.atrium-page-signage > main {
    width: calc(100% - 40px) !important;
    max-width: 1120px !important;
    margin: 20px auto 60px !important;
    box-sizing: border-box !important;
}

/* Verwaltung: gleicher Seitenaufbau */
body.atrium-page-verwaltung {
    margin: 0 !important;
    background: var(--atrium-page-bg) !important;
}

body.atrium-page-verwaltung > header {
    display: none !important;
}

body.atrium-page-verwaltung > main {
    width: calc(100% - 40px) !important;
    max-width: 1120px !important;
    margin: 28px auto 60px !important;
    box-sizing: border-box !important;
}

/* Einheitliche Grundtypografie */
body.atrium-page-signage,
body.atrium-page-verwaltung,
body.atrium-page-login {
    font-family: Inter, Arial, sans-serif !important;
    color: var(--atrium-text);
}

@media (max-width: 650px) {
    .atrium-global-nav {
        padding: 12px !important;
        flex-wrap: wrap !important;
    }

    .atrium-global-links {
        width: 100%;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    body.atrium-page-signage > main,
    body.atrium-page-verwaltung > main {
        width: calc(100% - 24px) !important;
    }
}


/* ATRIUM SIGNAGE – VERWALTUNGSLAYOUT */

body.atrium-page-signage > main {
    width: calc(100% - 40px) !important;
    max-width: 1120px !important;
    margin: 28px auto 60px !important;
}

body.atrium-page-signage > main > h1 {
    margin: 0 0 10px !important;
    font-size: clamp(28px, 3vw, 36px) !important;
    line-height: 1.2 !important;
}

body.atrium-page-signage .atrium-signage-intro {
    margin: 0 0 28px !important;
    color: #b8c8dd !important;
    font-size: 16px !important;
}

@media (max-width: 650px) {
    body.atrium-page-signage > main {
        width: calc(100% - 24px) !important;
    }
}