/* Core login layout must work before shared page enhancements, including WebViews. */
body.pp-page #flowSamp>.pp-card--login {
  box-sizing:border-box;width:100%;max-width:600px;margin:0 auto 26px;padding:28px 30px;
  border:1px solid #ffffff27;border-radius:8px;background:#121a22e6;clip-path:none;
}
body.pp-page #flowSamp>.pp-card--login::before,
body.pp-page #flowSamp>.pp-card--login::after {display:none;}
body.pp-page #flowSamp>.pp-card--login .pp-card__title {
  font:650 16px/1.4 Inter,system-ui,sans-serif;letter-spacing:0;
}
body.pp-page #flowSamp>.pp-card--login .pp-card__text {
  font:400 14px/1.7 Inter,system-ui,sans-serif;letter-spacing:0;
}
body.pp-page #sampServerName {
  margin-top:8px;letter-spacing:0!important;font-size:13px;overflow-wrap:anywhere;
}
body.pp-page #flowSamp .pp-secure-note {
  margin-block:12px 22px;color:#a8b5c0;line-height:1.6;
}
body.pp-page #sampForm {display:grid;max-width:none;gap:16px;}
body.pp-page #sampForm .pp-field {min-width:0;gap:8px;}
body.pp-page #sampForm .pp-field__label {font:500 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:0;}
body.pp-page #sampForm .pp-input {
  box-sizing:border-box;width:100%;min-width:0;height:50px;
  padding:12px 14px;border:1px solid #ffffff27;border-radius:7px;
  color:#eef3f6;background:#10171d;color-scheme:dark;
  font:400 16px/1.5 Inter,system-ui,sans-serif;letter-spacing:0;
}
body.pp-page #sampForm .pp-passwrap {
  display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;
  box-sizing:border-box;min-width:0;height:50px;background:#10171d;
  border:1px solid #ffffff27;border-radius:7px;
  transition:border-color .18s,box-shadow .18s;
}
body.pp-page #sampForm .pp-passwrap:hover {border-color:#ffffff43;}
body.pp-page #sampForm .pp-passwrap:focus-within {
  outline:none;border-color:#8bd7e5;box-shadow:0 0 0 3px #8bd7e514;
}
body.pp-page #sampForm .pp-passwrap .pp-input {
  height:48px;min-height:0;border:0;border-radius:6px 0 0 6px;
  background:transparent;box-shadow:none;outline:none;
}
body.pp-page #sampPassToggle {
  box-sizing:border-box;display:grid!important;place-items:center;
  width:48px!important;min-width:48px!important;height:48px;min-height:48px!important;
  padding:0!important;border:0!important;border-radius:0 6px 6px 0!important;
  background:transparent!important;color:#a8bac8!important;
  box-shadow:none!important;filter:none!important;transform:none!important;
}
body.pp-page #sampPassToggle>span {
  position:absolute;width:1px;height:1px;padding:0;border:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
body.pp-page #sampPassToggle::after {
  display:block!important;opacity:1!important;transform:none!important;
  content:'';position:static;inset:auto;width:20px;height:20px;background:currentColor;
  mask:url('/assets/site-20260909/eye.svg') center/contain no-repeat;
}
body.pp-page #sampPass[type=text]+#sampPassToggle::after {
  mask-image:url('/assets/site-20260909/eye-off.svg');
}
body.pp-page #sampPassToggle:hover {
  color:#e8f5fa!important;background:#ffffff08!important;
}
body.pp-page #sampPassToggle:focus-visible {
  outline:2px solid #8bd7e5!important;outline-offset:-5px!important;
}
body.pp-page #sampForm .pp-input:autofill {
  box-shadow:inset 0 0 0 1000px #10171d;color:#eef3f6;
}
body.pp-page #sampForm .pp-input:-webkit-autofill {
  -webkit-box-shadow:inset 0 0 0 1000px #10171d;
  -webkit-text-fill-color:#eef3f6;caret-color:#eef3f6;
}
body.pp-page #sampForm #sampNick:focus {
  border-color:#8bd7e5;box-shadow:0 0 0 3px #8bd7e514;
}
body.pp-page #sampForm #sampNick:-webkit-autofill:focus {
  -webkit-box-shadow:inset 0 0 0 1000px #10171d,0 0 0 3px #8bd7e514;
}
body.pp-page #sampSubmit {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-width:150px;min-height:46px;padding:11px 20px;border-radius:7px;
  border:1px solid #68999f88!important;background:#182b2e!important;color:#d1ebed!important;
  box-shadow:none!important;filter:none!important;font:600 13px/20px Inter,system-ui,sans-serif;
  letter-spacing:0;transition:background .18s,border-color .18s;
}
body.pp-page #sampSubmit:hover {background:#20383b!important;border-color:#8ebfc6!important;}
body.pp-page #sampSubmit::before,body.pp-page #sampSubmit::after {display:none!important;}
body.pp-page #sampSubmit:disabled,body.pp-page #sampPassToggle:disabled {opacity:.55;cursor:wait;}
body.pp-page #sampStatus {margin:0;overflow-wrap:anywhere;}
body.pp-page #sampStatus:empty {display:none;}
@media(max-width:700px) {
  body.pp-page #flowSamp>.pp-card--login {padding:22px 18px;}
  body.pp-page #sampSubmit {width:100%;}
}
@media(prefers-reduced-motion:reduce) {
  body.pp-page #sampForm .pp-passwrap,body.pp-page #sampSubmit {transition:none;}
}