/* zcg-jooback Branding v1.0.12 */

:root {
    --zcg-jooback-primary: #181B22;
    --zcg-jooback-accent: #4C7CAD;
}

.btn-primary,
.button-new,
.button-save,
.button-save-new,
.button-save-copy {
    --btn-bg: var(--zcg-jooback-accent);
    --btn-border-color: var(--zcg-jooback-accent);
}

/* Loginseite: einheitlicher, ruhiger Hintergrund ohne separate Flächen. */
html,
body.view-login,
.view-login .login,
.view-login .login-wrapper,
.view-login .login-sidebar,
.view-login .sidebar-wrapper,
.view-login main,
.view-login .container,
.view-login .container-fluid,
.view-login .card,
.view-login .card-body,
.view-login .login-form {
    background: var(--zcg-jooback-primary) !important;
    background-color: var(--zcg-jooback-primary) !important;
}

body.view-login {
    min-height: 100vh;
}

/* Loginseite vollständig auf eine zentrierte Fläche reduzieren. */
.view-login #header,
.view-login #sidebar-wrapper,
.view-login .navbar-toggler,
.view-login .toggler-burger,
.view-login .header-title,
.view-login .header-items {
    display: none !important;
}

.view-login #wrapper {
    display: block !important;
    min-height: 100vh !important;
    background: var(--zcg-jooback-primary) !important;
}

.view-login .container-main {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--zcg-jooback-primary) !important;
}

.view-login #content,
.view-login main {
    width: 100% !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    padding: 2rem !important;
}

.view-login form#form-login,
.view-login form[name="login"] {
    width: 100% !important;
    margin: 0 auto !important;
}

/* Keine Trennlinien oder zweigeteilten Login-Flächen von Atum. */
.view-login .login-sidebar,
.view-login .sidebar-wrapper,
.view-login .login-wrapper {
    width: 100% !important;
    max-width: none !important;
    border: 0 !important;
    box-shadow: none !important;
    grid-template-columns: 1fr !important;
}

.view-login .card,
.view-login .login-form {
    border: 0 !important;
    box-shadow: none !important;
}

.view-login .btn-primary,
.view-login button[type="submit"] {
    --btn-bg: var(--zcg-jooback-accent);
    --btn-border-color: var(--zcg-jooback-accent);
}

.zcg-jooback-login-hidden {
    display: none !important;
}

/* Eigenes Logo oberhalb des kompletten Loginformulars. */
#zcg-jooback-login-logo-wrap {
    display: flex;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

#zcg-jooback-login-logo {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 90px;
    object-fit: contain;
}

/* Slogan direkt unter dem Anmelden-Button. */
#zcg-jooback-login-slogan {
    margin-top: 1.25rem;
    text-align: center;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.4;
    opacity: .85;
}

/* Arbeitsbereich: originales Joomla-Logo oben links ersetzen. */
#header .header-title .logo.zcg-jooback-logo-replaced {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}

#zcg-jooback-admin-native-logo {
    display: block;
    width: auto;
    max-width: 190px;
    max-height: 42px;
    object-fit: contain;
}

#header .header-title .logo.small #zcg-jooback-admin-native-logo {
    max-width: 52px;
    max-height: 36px;
}

/* Slogan im oberen Titelbalken. */
#zcg-jooback-admin-slogan {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .25rem .65rem;
    color: inherit;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

#zcg-jooback-admin-domain {
    margin-left: .7rem;
    padding-left: .7rem;
    border-left: 1px solid currentColor;
    opacity: .65;
    font-size: .78rem;
    font-weight: 500;
}

/* Firmenblock unten links im Administrator-Menü. */
#zcg-jooback-sidebar-company {
    margin-top: auto;
    padding: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .8);
    font-size: .75rem;
    line-height: 1.45;
}

#zcg-jooback-sidebar-company .zcg-jooback-company-name {
    font-weight: 700;
}

#zcg-jooback-sidebar-company .zcg-jooback-address-line,
#zcg-jooback-sidebar-company .zcg-jooback-homepage {
    display: block;
}

#zcg-jooback-sidebar-company a {
    color: inherit;
    text-decoration: none;
}

#zcg-jooback-sidebar-company a:hover {
    text-decoration: underline;
}

.sidebar-wrapper,
.sidebar-menu,
#sidebar-wrapper {
    min-height: 100%;
}

/* Verdichtete Atum-Seitenleiste: Firmendaten ausblenden, Toggle erhalten. */
#wrapper.closed #zcg-jooback-sidebar-company {
    display: none !important;
}

@media (max-width: 767.98px) {
    #zcg-jooback-admin-slogan {
        max-width: 45vw;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #zcg-jooback-admin-domain {
        display: none;
    }

    #zcg-jooback-admin-native-logo {
        max-width: 110px;
    }
}