/* Keep the existing React login dialog accessible on every screen size. */
@media (max-width:1050px) {
  .site-header .login-button {
    display:inline-flex !important;
    position:absolute;
    top:calc(100% + 10px);
    inset-inline-end:0;
    min-height:38px;
    padding:8px 18px;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    color:var(--text) !important;
    background:var(--surface);
    border:1px solid var(--line);
    box-shadow:0 8px 24px #00000026;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
  }
  .site-header .mobile-nav { top:calc(100% + 58px); }
  .mobile-nav .mobile-client-login {
    padding:13px;
    border:1px solid var(--line);
    border-radius:10px;
    color:var(--text);
    background:var(--surface);
    font:inherit;
    text-align:start;
    cursor:pointer;
  }
}