/* Canonical login assistance. Native sign-in and role controls stay intact. */
body[data-flowstack-shell][data-page="login"] [data-fs-login-links] {
  display: grid;
  gap: 10px;
}
.fs-login-help-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.fs-login-help-row > a, .fs-login-setup > summary { min-height: 28px; line-height: 1.6; }
.fs-login-setup > summary { cursor: pointer; color: var(--accent, #28665f); font-weight: 700; }
.fs-login-setup nav { display: grid; gap: 10px; padding: 10px 0 2px; }
.fs-login-setup p { margin: 0; }
.fs-login-secondary { display: flex; gap: 18px; flex-wrap: wrap; font-size: .84rem; }
.fs-login-secondary a { font-weight: 500; }
.fs-login-help-row a:focus-visible, .fs-login-setup summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
body[data-page="password-reset"] .auth-card { max-width: 560px; }
body[data-page="password-reset"] .auth-form { margin-top: 20px; }
@media (orientation: landscape) and (min-width: 760px) and (max-height: 760px) {
  body[data-flowstack-shell][data-page="login"] .auth-card {
    grid-template-areas:
      "brand sso"
      "eyebrow divider"
      "title form"
      "lede form"
      "footer form";
  }
}