/* ZWT WebClient – helles Corporate Design */

html,
html[data-bs-theme="dark"],
html[data-bs-theme="light"] {
    --bs-body-bg: #ffffff;
    --bs-body-color: #172033;
    --bs-primary: #0b4191;
    --bs-primary-rgb: 11, 65, 145;
    --bs-link-color: #0b4191;
    --bs-card-bg: #ffffff;
}
body {
    color: #172033 !important;
}

body.app-blank,
.app-blank {
    background-image:
        linear-gradient(
            90deg,
            rgba(4, 45, 99, 0.08) 0%,
            rgba(255, 255, 255, 0.04) 55%,
            rgba(255, 255, 255, 0.18) 100%
        ),
        url("./zwt-background.png") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Kundenhinweis links unten */
body.app-blank::before {
    content: "Sicherer Dateiaustausch mit ZWT";
    position: fixed;
    left: 40px;
    bottom: 35px;
    padding: 12px 20px;
    color: #ffffff;
    background: rgba(4, 45, 99, 0.82);
    border-left: 4px solid #70b7e6;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    z-index: 1;
}

@media (max-width: 768px) {
    body.app-blank::before {
        display: none;
    }

    body.app-blank,
    .app-blank {
        background-position: 38% center !important;
    }
}

.w-lg-500px {
    background: #ffffff !important;
    border-top: 4px solid #0b4191 !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 35px rgba(11, 65, 145, 0.12) !important;
}

.form-control,
.form-control.form-control-solid {
    background: #f5f7fa !important;
    border: 1px solid #d8e0e9 !important;
    color: #172033 !important;
}

.form-control::placeholder {
    color: #687386 !important;
}

.form-control:focus {
    border-color: #70b7e6 !important;
    box-shadow: 0 0 0 3px rgba(112, 183, 230, 0.2) !important;
}

.btn-primary {
    background-color: #0b4191 !important;
    border-color: #0b4191 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #073575 !important;
    border-color: #073575 !important;
}

.text-gray-900,
.text-gray-800,
.text-gray-700 {
    color: #172033 !important;
}
/* Neutraler Hintergrund für das gemeinsame ZWT/KWT-Portal */
body.app-blank,
.app-blank {
    background: #f4f7fa !important;
    background-image: none !important;
}

/* Alten Hinweis links unten entfernen */
body.app-blank::before {
    display: none !important;
    content: none !important;
}
body.app-blank,
.app-blank {
    background: #f4f7fa !important;
    background-image: none !important;
}

body.app-blank::before {
    display: none !important;
    content: none !important;
}

img[src*="portal-header.png"] {
    width: 100% !important;
    max-width: 440px !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: contain !important;
}