.identity-signed-out #office-navigation,.identity-signed-out #workspace,.identity-signed-out body>dialog,.identity-signed-out .skip{display:none!important}
/* One compact card, shared skin tokens; every control 40px tall (touch), language chips 30px; never scrolls. */
#identity-login{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;width:min(26rem,calc(100vw - 32px));max-height:calc(100dvh - 32px);height:fit-content;min-height:0;align-self:start;margin:max(16px,7vh) auto 16px;padding:20px;
 border:1px solid var(--sk-line,#dbd7d2);border-radius:var(--sk-r-lg,6px);background:var(--sk-sheet,#fefcfa);color:var(--sk-ink,#24211e);box-shadow:var(--sk-shadow);font-size:var(--sk-fs,14px)}
#identity-login .identity-login-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#identity-login h1{font-size:var(--sk-fs-xl,20px);line-height:1.25;margin:0}
#identity-login .identity-hint{margin:6px 0 0;color:var(--sk-ink-2,#514c47);font-size:var(--sk-fs-ctl,13px)}
#identity-login form{display:grid;gap:12px;margin-top:14px}
#identity-login[hidden],#identity-login form[hidden],#identity-login [hidden]{display:none}
#identity-login label{display:grid;gap:4px;font-size:var(--sk-fs-ctl,13px);color:var(--sk-ink-2,#514c47)}
#identity-login input{height:40px;min-height:40px;width:100%;box-sizing:border-box;font-size:16px}
#identity-login .sk-btn--primary{height:40px;min-height:40px;width:100%;font-size:var(--sk-fs,14px)}
#identity-login .identity-languages{display:flex;gap:4px;flex:none}
#identity-login .identity-languages button{width:30px;height:30px;min-height:30px;padding:0;border:1px solid var(--sk-line-strong,#b5b0aa);border-radius:var(--sk-r,4px);background:var(--sk-sheet,#fefcfa);color:var(--sk-ink,#24211e);font:inherit;font-size:var(--sk-fs-sm,12px);cursor:pointer}
#identity-login .identity-languages button[aria-pressed=true]{background:var(--sk-ink,#24211e);color:var(--sk-on-ink,#fefcfa);border-color:var(--sk-ink,#24211e)}
#identity-login .identity-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
#identity-login .identity-link{height:30px;min-height:30px;padding:0 2px;border:0;background:none;color:var(--sk-select,#345fb2);font:inherit;font-size:var(--sk-fs-ctl,13px);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#identity-login .identity-link:disabled{color:var(--sk-ink-3,#706b66);cursor:default}
#identity-login .identity-account{margin:0;font-size:var(--sk-fs-ctl,13px);color:var(--sk-ink-2,#514c47)}
#identity-login .identity-account bdi{color:var(--sk-ink,#24211e);font-weight:600}
#identity-login-status{min-height:1.45em;margin:12px 0 0;font-size:var(--sk-fs-ctl,13px)}
#identity-login-status:empty{margin-top:0;min-height:0}
#identity-login-status[data-tone=warn]{color:var(--sk-fail,#b31124)}
#identity-login-status[data-tone=ok]{color:var(--sk-ok,#27713d)}
#identity-login[data-step=done] #identity-login-status{margin-top:14px;font-size:var(--sk-fs,14px)}
#identity-login[data-step=done] form[data-view=done]{order:1;margin-top:10px}
#identity-login :focus-visible{outline:2px solid var(--sk-select,#345fb2);outline-offset:2px}
/* Signed-in page: the session row sits in the navigation menu under the brand (identity-login.js), one compact line. */
#identity-session{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;padding:2px 8px;font-size:12px}
#identity-session>span{min-width:0;overflow-wrap:anywhere}
#office-navigation #identity-session{justify-content:space-between;padding:0}
.identity-signed-out #identity-session{display:none}
.identity-signed-out,.identity-signed-out body{overflow:hidden}
@media(max-width:460px){#identity-login{margin-top:16px;padding:16px}}