/* Login-only branding; keep the application shell unchanged. */
body.suzuki-login {
    min-height: 100vh;
    min-height: 100dvh;
    height: auto;
    padding: 40px 20px;
    background: #edf0f3;
    color: #222b38;
    font-family: Arial, sans-serif;
}
.suzuki-login .login-box { width: 100%; max-width: 420px; }
.suzuki-login .syncer-login-panel {
    padding: 38px;
    background: #fff;
    border: 1px solid #e0e4e9;
    border-radius: 8px;
    box-shadow: 0 12px 45px #00000009;
}
.suzuki-login .syncer-login-brands {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding-bottom: 32px;
    border-bottom: 1px solid #e7e9ed;
}
.suzuki-login .syncer-suzuki-logo { width: 170px; max-width: 60%; height: auto; }
.suzuki-login .syncer-dpi-logo { width: 66px; height: auto; }
.suzuki-login .syncer-brand-divider { flex: 0 0 1px; height: 36px; background: #dce0e6; }
.suzuki-login h1 { font-size: 25px; line-height: 1.2; letter-spacing: -.6px; margin: 28px 0 8px; font-weight: 600; }
.suzuki-login .syncer-login-intro { font-size: 14px; line-height: 1.5; color: #657080; margin: 0 0 26px; }
.suzuki-login label { display: block; font-size: 13px; margin: 19px 0 8px; font-weight: 500; }
.suzuki-login input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    border: 1px solid #d5dce4;
    border-radius: 4px;
    background: #fff;
    color: #222b38;
    padding: 12px;
    font: 16px Arial, sans-serif;
}
.suzuki-login .syncer-login-submit {
    width: 100%;
    margin-top: 25px;
    border: 0;
    border-radius: 4px;
    padding: 14px;
    background: #003b80;
    color: #fff;
    font: 500 15px Arial, sans-serif;
    cursor: pointer;
}
.suzuki-login .syncer-login-submit:hover { background: #002c60; }
.suzuki-login input:focus-visible, .suzuki-login button:focus-visible { outline: 2px solid #003b80; outline-offset: 3px; }
.suzuki-login .syncer-login-credit { font-size: 11px; letter-spacing: .7px; text-align: center; margin: 23px 0 0; color: #737d89; text-transform: uppercase; }
.suzuki-login .login-box > .alert, .suzuki-login .login-box > .message { margin-top: 16px; }
@media (max-width: 420px) {
    body.suzuki-login { padding: 28px 16px; }
    .suzuki-login .syncer-login-panel { padding: 26px; }
    .suzuki-login .syncer-login-brands { gap: 18px; }
}
.suzuki-login .syncer-login-error {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 24px;
    padding: 13px 14px;
    border: 1px solid #f1cdd4;
    border-radius: 4px;
    background: #fff3f5;
    color: #92243c;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.suzuki-login .syncer-login-error > span { margin-top: 3px; }
.suzuki-login .syncer-login-error strong { display: block; margin-bottom: 3px; font-weight: 600; }
.suzuki-login .syncer-login-error p { margin: 0; }