/* First adapter to the Android approved-ui visual language.
 * Loaded after welcome-v3 only on welcome/register/recovery/reset.
 * Form markup, endpoints, validation and release-download JS stay unchanged.
 */
html body:has(#ww4-welcome), html body.ww4-body { background: var(--ussr-bg) !important; }
#ww4-welcome {
  --ww4-navy: var(--ussr-ink);
  --ww4-gray: var(--ussr-muted);
  --ww4-blue: var(--ussr-accent);
  --ww4-line: var(--ussr-line);
  --ww4-white: var(--ussr-surface);
  --ww4-green: var(--ussr-green);
  --ww4-coral: var(--ussr-coral);
  background: var(--ussr-bg);
  color: var(--ussr-ink);
  font-family: var(--ussr-font);
}
#ww4-welcome .ww4-brand > img.ww4-brand-mark {
  width: 48px; height: 48px; flex: 0 0 48px;
  border-radius: var(--ussr-radius-button); background: var(--ussr-accent);
}
#ww4-welcome .ww4-icon { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; vertical-align: middle; }
#ww4-welcome .ww4-ico .ww4-icon { width: 18px; height: 18px; }
#ww4-welcome .ww4-brand-copy small,
#ww4-welcome .ww4-topnav a,
#ww4-welcome .ww4-eyebrow,
#ww4-welcome .ww4-lede,
#ww4-welcome .ww4-download-copy p,
#ww4-welcome .ww4-apk-note,
#ww4-welcome .ww4-platforms span,
#ww4-welcome .ww4-platforms b,
#ww4-welcome .ww4-auth-topline,
#ww4-welcome .ww4-auth-trust,
#ww4-welcome .ww4-auth-hint > span,
#ww4-welcome .ww4-caption,
#ww4-welcome .ww4-footer,
#ww4-welcome .ww4-footer nav a,
#ww4-welcome .ww4-more-item small { color: var(--ussr-muted); }
#ww4-welcome .ww4-topnav a:hover,
#ww4-welcome .ww4-footer nav a:hover,
#ww4-welcome .ww4-auth-hint a { color: var(--ussr-accent); }
#ww4-welcome .ww4-topnav a,
#ww4-welcome .ww4-footer nav a { display: inline-flex; align-items: center; min-height: var(--ussr-target); }
#ww4-welcome .ww4-topjoin,
#ww4-welcome .ww4-topdownload,
#ww4-welcome .ww4-register-link,
#ww4-welcome .ww4-android-cta { min-height: var(--ussr-target); border-radius: var(--ussr-radius-button); }
#ww4-welcome .ww4-topjoin,
#ww4-welcome .ww4-android-cta,
#ww4-welcome .ww4-android-cta:hover { background: var(--ussr-accent); color: var(--ussr-on-accent); box-shadow: var(--ussr-shadow); }
#ww4-welcome .ww4-topdownload,
#ww4-welcome .ww4-featuretags > span,
#ww4-welcome .ww4-more-item { color: var(--ussr-ink); background: var(--ussr-surface); border-color: var(--ussr-line); }
#ww4-welcome .ww4-auth-card,
#ww4-welcome .ww4-download,
#ww4-welcome .ww4-chat-card { background: var(--ussr-surface); border-color: var(--ussr-line); border-radius: var(--ussr-radius-card); box-shadow: var(--ussr-shadow); }
#ww4-welcome .ww4-download-copy h2,
#ww4-welcome .ww4-more-item strong,
#ww4-welcome .ww4-card-top strong { color: var(--ussr-ink); }
#ww4-welcome .ww4-download-bottom,
#ww4-welcome .ww4-auth-hint { border-color: var(--ussr-line); }
#ww4-welcome .ww4-register-link,
#ww4-welcome .ww4-small-app { background: var(--ussr-pale); color: var(--ussr-accent); }
#ww4-welcome .ww4-eyebrow-dot,
#ww4-welcome .ww4-stage-dot,
#ww4-welcome .ww4-domain span { background: var(--ussr-green); }
html body #ww4-welcome .ww4-login-host .login_innre,
html body #ww4-welcome .ww4-login-host :is(#login, #register, #forgot-form, #forgot-form-sms, #reset-form) > .title,
html body #ww4-welcome .ww4-login-host .wow_form_fields label { color: var(--ussr-ink) !important; }
html body #ww4-welcome .ww4-login-host :is(#login, #register, #forgot-form, #forgot-form-sms, #reset-form) > .desc,
html body #ww4-welcome .ww4-login-host .terms label { color: var(--ussr-muted) !important; }
html body #ww4-welcome .ww4-login-host :is(#login, #register, #forgot-form, #forgot-form-sms, #reset-form) > .desc a,
html body #ww4-welcome .ww4-login-host .terms a,
html body #ww4-welcome .ww4-login-host .forgot_password > a { color: var(--ussr-accent) !important; }
html body #ww4-welcome .ww4-login-host .wow_form_fields input:not([type="checkbox"]),
html body #ww4-welcome .ww4-login-host .wow_form_fields select,
html body #ww4-welcome .ww4-login-host .wow_form_fields textarea {
  font-family: var(--ussr-font) !important; font-size: 16px !important;
  color: var(--ussr-ink) !important; background: var(--ussr-bg) !important;
  border-color: var(--ussr-line) !important; border-radius: var(--ussr-radius-field) !important;
}
html body #ww4-welcome .ww4-login-host .wow_form_fields input:focus {
  border-color: var(--ussr-accent) !important; background: var(--ussr-surface) !important;
  box-shadow: 0 0 0 4px var(--ussr-pale) !important;
}
html body #ww4-welcome .ww4-login-host .wow_form_fields input::placeholder { color: var(--ussr-muted) !important; }
html body #ww4-welcome .ww4-login-host .terms input[type="checkbox"],
html body #ww4-welcome .ww4-login-host .forgot_password input[type="checkbox"] { accent-color: var(--ussr-accent) !important; }
html body #ww4-welcome .ww4-login-host .login_signup_combo button.btn,
html body #ww4-welcome .ww4-login-host #login button[type="submit"] {
  background: var(--ussr-accent) !important; color: var(--ussr-on-accent) !important;
  border-radius: var(--ussr-radius-button) !important; box-shadow: var(--ussr-shadow) !important;
}
html body #ww4-welcome a:focus-visible,
html body #ww4-welcome button:focus-visible,
html body #ww4-welcome .ww4-login-host .wow_form_fields input:not([type="checkbox"]):focus-visible,
html body #ww4-welcome .ww4-login-host .wow_form_fields select:focus-visible,
html body #ww4-welcome .ww4-login-host .wow_form_fields textarea:focus-visible {
  outline: 3px solid var(--ussr-accent) !important; outline-offset: 3px !important;
}
@media (max-width: 430px) {
  #ww4-welcome .ww4-brand > img.ww4-brand-mark { width: 40px; height: 40px; flex-basis: 40px; }
  #ww4-welcome .ww4-brand-copy small { font-size: 8px; letter-spacing: 0; }
  #ww4-welcome .ww4-auth-topline { flex-wrap: wrap; }
  #ww4-welcome .ww4-register-row { flex-wrap: wrap; }
}