/* Gemeinsame Service-Optik; nur Loginseiten. */
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; padding:28px 16px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f5f5f5; color:#212529; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:16px; line-height:1.5; }
.login-card { width:100%; max-width:380px; margin:0!important; background:#fff; border:1px solid #d2d2d2; border-radius:12px; box-shadow:0 8px 16px #0002; text-align:center; }
.login-card .card-body { padding:36px 24px 32px; }
.login-card .card-body > img { display:block; width:88px; height:88px; object-fit:contain; margin:0 auto 16px!important; }
.login-card .branding-text { margin:0 0 20px!important; line-height:1.3; font-size:14px; color:#50617b; }
.login-card .branding-text span { color:#0d6efd; font-size:22px; font-weight:700; }
.login-card h1,.login-card h4 { margin:0 0 18px!important; font-size:24px; font-weight:400; line-height:1.3; }
.login-card label { display:block; text-align:left; font-size:14px; margin:0 0 7px; }
.login-card .form-control { display:block; width:100%; min-height:48px; border:1px solid #d5dce5; border-radius:9px; padding:10px 12px; font:inherit; background:#fff; color:#212529; }
.login-card .form-control:focus { outline:0; border-color:#86b7fe; box-shadow:0 0 0 3px #0d6efd30; }
.login-card .mb-3 { margin-bottom:18px!important; }
.login-card .btn { display:block; width:100%; text-align:center; text-decoration:none; border:1px solid transparent; border-radius:6px; padding:9px 12px; font:inherit; cursor:pointer; }
.login-card .btn-primary { background:#0d6efd; color:white; min-height:48px; }
.login-card .btn-outline-primary { color:#0d6efd; border-color:#0d6efd; background:white; }
.login-card .btn-outline-secondary { color:#6c757d; border-color:#6c757d; background:white; }
.login-card .btn-sm { min-height:32px; padding:5px 8px; font-size:12px; }
.login-card .d-grid { display:grid; gap:8px; }
.login-card .mt-3 { margin-top:16px; }
.login-card .text-end { text-align:right; margin-top:8px; }
.login-card .small { font-size:12px; }
.login-card a { color:#0d6efd; }
.login-card .alert { padding:12px; margin-bottom:16px; border-radius:6px; background:#f8d7da; color:#842029; }
footer.footer-links { margin:26px 0 0!important; text-align:center; font-size:12px; color:#555; }
footer.footer-links a { color:#0d6efd; text-decoration:none; margin:0 8px; }
@media(max-width:420px) {body{padding:24px 16px;} .login-card .card-body{padding:30px 20px;} }