/* /Pages/WiAccountCallback.razor.rz.scp.css */
.login-shell[b-2enavzm1u0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .65fr);
    width: min(1200px, 100%);
    min-height: min(760px, calc(100dvh - 64px));
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 24px;
    gap: 24px;
}
.login-panel[b-2enavzm1u0] { display: flex; flex-direction: column; min-width: 0; padding: 16px 24px; }
.login-brands[b-2enavzm1u0] { display: flex; align-items: center; gap: 10px; height: 40px; color: #172b20; font-size: 18px; }
.login-brands img[b-2enavzm1u0] { display: block; object-fit: contain; flex-shrink: 0; }
.brand-tpos[b-2enavzm1u0] { width: 56px; height: 56px; }
.brand-wiaccount[b-2enavzm1u0] { width: 108px; height: 40px; }
.brand-divider[b-2enavzm1u0] { display: block; flex-shrink: 0; color: rgb(var(--tds-color-primary-500-light)); }
.login-content[b-2enavzm1u0] { width: min(360px, 100%); margin: auto; padding: 56px 0; text-align: center; }
h1[b-2enavzm1u0] { font-size: 26px; margin-bottom: 12px; }
.login-content > p[b-2enavzm1u0] { color: #6b7770; font-size: 14px; line-height: 1.6; }
.identity-badge[b-2enavzm1u0] { display: inline-block; max-width: 100%; overflow-wrap: anywhere; margin: 6px 0 16px; padding: 6px 12px; background: #eefaf0; border-radius: 8px; color: #188b37; font-size: 13px; }
.login-content[b-2enavzm1u0]  form { text-align: left; margin-top: 24px; }
.login-content[b-2enavzm1u0]  input { min-height: 54px; padding: 14px 20px; font-size: 14px; border-radius: 999px; }
.login-content[b-2enavzm1u0]  label { font-size: 13px; }
.login-content[b-2enavzm1u0]  .otp-hint { margin: 6px 0 0; color: #8a949e; font-size: 11px; font-weight: 400; line-height: 1.5; text-align: left; }
.login-content[b-2enavzm1u0]  button[type="submit"] { width: 100%; min-height: 52px; border-radius: 999px; font-size: 14px; }
.password-field[b-2enavzm1u0] { position: relative; }
.password-field[b-2enavzm1u0]  input { padding-right: 64px; }
.password-toggle[b-2enavzm1u0] { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); margin: 0; min-width: 48px; min-height: 42px; border-radius: 999px; padding: 8px; background: transparent; color: #53645a; font-size: 12px; }
.back-link[b-2enavzm1u0] { background: transparent; color: #65736a; font-size: 13px; margin-top: 14px; padding: 8px; font-weight: 400; }
.password-toggle[b-2enavzm1u0] { display: inline-flex; align-items: center; justify-content: center; }
.signup-note a[b-2enavzm1u0] { color: #168b36; font-weight: 600; text-decoration: none; }
.signup-note a:hover[b-2enavzm1u0] { text-decoration: underline; }
.support-note[b-2enavzm1u0] { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; color: #168b36; font-size: 13px; font-weight: 600; line-height: 1.5; }
.support-icon[b-2enavzm1u0] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: #eefaf0; }
.close-hint[b-2enavzm1u0] { padding: 12px; background: #f1f7f3; border-radius: 8px; }
.alert[b-2enavzm1u0] { margin-top: 16px; text-align: left; }
.login-visual[b-2enavzm1u0] { position: relative; overflow: hidden; border-radius: 24px; min-height: 540px; background-color: #e9f8ec; background-image: var(--login-poster, none), radial-gradient(ellipse at center, #b5e5c1, #f1fcf3); background-size: cover; background-position: center; }
.login-visual video[b-2enavzm1u0] { visibility: hidden; position: absolute; width: 100%; height: 100%; object-fit: cover; }
.login-visual h2[b-2enavzm1u0] { position: absolute; top: 36px; inset-inline: 20px; margin: 0; text-align: center; font-size: 24px; line-height: 1.5; color: #173d24; }
.login-visual h2 span[b-2enavzm1u0] { color: #249f43; }
.login-visual p[b-2enavzm1u0] { position: absolute; bottom: 28px; inset-inline: 28px; text-align: center; font-size: 13px; line-height: 1.7; color: #173d24; }
@media (max-width: 899px) {
    .login-shell[b-2enavzm1u0] { grid-template-columns: minmax(0, 1fr); max-width: 540px; min-height: calc(100dvh - 64px); }
    .login-visual[b-2enavzm1u0] { display: none; }
    .login-panel[b-2enavzm1u0] { padding: 12px; }
    .login-content[b-2enavzm1u0] { padding: 40px 0; }
}
@media (prefers-reduced-motion: reduce) {
    .login-visual video[b-2enavzm1u0] { display: none; }
}
/* /Shared/OtpInput.razor.rz.scp.css */
.otp-input[b-87fbf74zk3] { display: flex; gap: 8px; }
.otp-input input.otp-digit[b-87fbf74zk3] { box-sizing: border-box; width: 0; flex: 1 1 0; min-width: 0; max-width: 48px; min-height: 46px; padding: 8px 0; border: 1px solid #d7dee5; border-radius: 6px; text-align: center; font-size: 20px; line-height: 28px; }
.otp-input input.otp-digit:focus[b-87fbf74zk3] { border-color: #27a745; outline: 2px solid #d9f0de; outline-offset: 2px; }
.otp-input input.otp-digit:disabled[b-87fbf74zk3] { background: #f4f6f8; }