/* Legal links remain inline instead of floating above navigation. */
body:has(.tps-page)>.global-info-cluster{display:none!important}
.tps-page{color-scheme:light;box-sizing:border-box;min-height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;touch-action:pan-y pinch-zoom;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px max(24px,env(safe-area-inset-bottom,0px));background:#f5f6f8;color:#18191c;font-family:inherit}
.tps-page *{box-sizing:border-box}
.tps-card{background:#fff;border:1px solid #d9dde3;border-radius:24px;padding:24px;max-width:480px;width:100%;min-width:0;margin:0 auto;overflow-wrap:anywhere}
.tps-eyebrow{font-size:12px;font-weight:700;letter-spacing:.07em}
.tps-card h1{font-size:28px;line-height:1.2;margin:20px 0}
.tps-card p{line-height:1.5}
.tps-card form,.tps-card label{display:grid;gap:10px}
.tps-card form{gap:18px}
.tps-card label{font-size:15px;font-weight:600}
.tps-card input{width:100%;min-width:0;min-height:48px;border:1px solid #aeb4bc;border-radius:12px;padding:12px;font:inherit;font-size:16px;background:#fff;color:#18191c}
.tps-card input[readonly]{background:#f5f6f8}
.tps-card button,.tps-primary{display:block;text-align:center;min-height:48px;border:0;border-radius:12px;padding:12px 16px;background:#ff8a65;color:#211410;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;width:100%}
.tps-card button:disabled{opacity:.65;cursor:wait}
.tps-card :is(input,a,button):focus-visible{outline:3px solid #205d85;outline-offset:3px}
.tps-card .tps-hint{font-size:14px;color:#555c67}
.tps-card [role=alert]{color:#a21524}
.tps-legal{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;border-top:1px solid #d9dde3;padding-top:14px}
.tps-legal a{color:#414853;min-height:44px;display:flex;align-items:center;font-size:13px}
@media(max-width:380px){.tps-page{padding:12px}.tps-card{padding:20px 16px}.tps-card h1{font-size:25px}}

/* Review proposal only: append to the final loaded shared login stylesheet.
   Actual public-root classes come from app.js; dialog placement is performed
   by unified-public-shell.js. Appstead and authenticated screens are excluded. */
html body #app > main:is(.max-public, .app-start:not(.app-start-appstead))
  > .mc-login-dialog :is(#password-login, #password-reset-request)
  input:is([name="email"], [name="password"]) {
  color-scheme: light !important;
  background: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: #000 !important;
}

html body #app > main:is(.max-public, .app-start:not(.app-start-appstead))
  > .mc-login-dialog :is(#password-login, #password-reset-request)
  input:is([name="email"], [name="password"]):is(:autofill, :-webkit-autofill) {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

html body #app > main:is(.max-public, .app-start:not(.app-start-appstead))
  > .mc-login-dialog #password-login .password-visibility-toggle {
  color: #000 !important;
}