/* Sign-in page (index.php). Everything comes from members/css/sat-ui.css (card, tabs, fields, buttons, alerts, .sat-auth);
   this file only adds what that stylesheet does not have for a page without the members frame. */

/* the three tabs are links to ?action= (the page switches on the server), so they must not look like links */
.sat-auth .sat-tabs .sat-tab{text-decoration:none}
.sat-auth .sat-tabs .sat-tab:focus-visible{outline:none;box-shadow:var(--sat-focus)}

/* the logo links back to the sign-in page */
.sat-auth__logo a{display:inline-flex;border-radius:var(--sat-r-sm)}
.sat-auth__logo a:focus-visible{outline:none;box-shadow:var(--sat-focus)}

/* the form is a stack, so the field-to-field margin of sat-ui.css would double the gap */
.sat-auth .sat-stack > .sat-field + .sat-field,
.sat-auth .sat-grid > .sat-field + .sat-field{margin-top:0}
.sat-auth .sat-stack > .sat-alert{margin:0}

/* password field with the show / hide button inside it: no icon on the left, room for the button on the right */
.sat-auth .sat-input-group > .sat-input{padding-left:12px;padding-right:46px}
.sat-auth .sat-icon-btn[aria-pressed="true"]{color:var(--sat-blue-700);background:var(--sat-blue-50)}

/* "Forgot password?" sits on the label line without making it taller */
.sat-auth .sat-field-row .sat-btn--sm{--h:28px;margin-right:-6px}

/* a long message (the "email does not match" one is three sentences) stays readable */
.sat-auth .sat-alert{line-height:1.5}

@media (max-width:719px){
  /* on a phone the card starts near the top, so the keyboard does not hide the form */
  .sat-auth{align-items:start;padding-top:var(--sat-s6)}
}