/* Practiceful chrome around the shared int_auth screen (int_auth/base.html).
   The package's auth.css is self-contained; this only puts it under the marketing
   top bar and in Practiceful's palette. */
:root {
  --ia-bg: #f4f7f5;
  --ia-accent: #1f2937;
  --ia-accent-ink: #fff;
  --ia-info: #1b4f72;
}
/* volt draws `.navbar-main` absolutely over whatever comes first; on this page the
   first thing is the card, so the bar is put back into normal flow. */
.pf-auth-topbar .navbar-main { position: static; }
.pf-auth-main { min-height: calc(100vh - 5rem); align-items: flex-start; }
.pf-auth-column { width: 100%; max-width: 28rem; }
.pf-auth-messages .ia-alert { margin-bottom: .75rem; }
.ia-extra { margin-top: 1rem; }
.ia-extra .ia-or { text-align: center; color: var(--ia-muted); font-size: .85rem; margin: .75rem 0; }
.ia-extra .ia-secondary { display: block; width: 100%; text-align: center; padding: .65rem 1rem;
  border: 1px solid var(--ia-border); border-radius: .4rem; color: var(--ia-ink);
  text-decoration: none; font-weight: 600; background: #fff; }
.ia-extra .ia-secondary:focus-visible { outline: 3px solid var(--ia-info); outline-offset: 2px; }
.ia-forgot { margin: .5rem 0 0; text-align: right; font-size: .9rem; }
.pf-qa-logins { margin-top: 1.25rem; border: 1px solid #d4a72c; border-radius: .4rem; padding: .75rem; }
.pf-qa-logins p { margin: 0 0 .5rem; font-size: .8rem; color: var(--ia-muted); }
.pf-qa-logins button { display: block; width: 100%; text-align: left; background: #fff;
  border: 1px solid var(--ia-border); border-radius: .3rem; padding: .4rem .6rem; margin: 0 0 .3rem;
  font: inherit; font-size: .85rem; cursor: pointer; }
/* The alpha welcome page in Practiceful chrome (int_alpha/welcome.html). */
.pf-welcome-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: 1.25rem; }
.pf-welcome-actions form { margin: 0; }
.pf-welcome-actions .ia-button { width: auto; }