/* Telas de autenticação (login/signup) — cartão sharp centrado no papel, labels mono
   uppercase e régua da marca, no vocabulário do head das telas de projeto. */
.c-auth{
  min-height: 100dvh; background: var(--paper);
  display: flex; align-items: center; justify-content: center; padding: var(--s8) var(--s4);
}
.c-auth__card{
  width: 100%; max-width: 420px; background: var(--surface);
  border: 1px solid var(--line); padding: 36px 36px 32px;
}
.c-auth__eyebrow{
  font: 500 var(--fs-label)/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase;
  color: var(--ink-3); margin-bottom: 14px;
}
.c-auth__title{ font: 800 var(--fs-page)/1 var(--font-ui); letter-spacing: -.025em; color: var(--ink); }
.c-auth__subtitle{ font: 400 var(--fs-ui)/1.5 var(--font-ui); color: var(--ink-2); margin-top: 8px; }
.c-auth__rule{ height: 2px; background: var(--brand); margin: 18px 0 22px; }

.c-auth__flash{ font: 500 var(--fs-meta)/1.5 var(--font-mono); padding: 10px 12px; margin-bottom: 18px; }
.c-auth__flash--alert{ color: var(--danger); border: 1px solid var(--danger); }
.c-auth__flash--notice{ color: var(--ok); border: 1px solid var(--ok); }

.c-auth__errors{
  font: 500 var(--fs-meta)/1.5 var(--font-mono); color: var(--danger);
  border: 1px solid var(--danger); padding: 10px 12px 10px 26px; margin-bottom: 18px;
}

.c-auth__field{ margin-bottom: 18px; }
.c-auth__label{
  display: block; font: 500 var(--fs-label)/1 var(--font-mono); letter-spacing: .14em;
  text-transform: uppercase; color: var(--ink-3); margin-bottom: 7px;
}
.c-auth__input{
  width: 100%; font: 400 var(--fs-body)/1.2 var(--font-ui); color: var(--ink); background: var(--surface);
  border: 1.5px solid var(--line-2); padding: 10px 12px; outline: none;
  transition: border-color var(--t1) var(--ease), box-shadow var(--t1) var(--ease);
}
.c-auth__input::placeholder{ color: var(--ink-3); }
.c-auth__input:focus{ border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); }

.c-auth__submit{ width: 100%; margin-top: 6px; }

/* Consent screen do MCP (docs/067): lista de escopos pedidos + par Autorizar/Negar. */
.c-auth__scopes{
  list-style: none; margin: 0 0 22px; padding: 12px 14px; border: 1px solid var(--line);
  font: 400 var(--fs-meta)/1.5 var(--font-ui); color: var(--ink-2);
}
.c-auth__scopes li::before{ content: "— "; color: var(--ink-3); }
.c-auth__actions{ display: flex; flex-direction: column; gap: 10px; }
.c-auth__actions .c-auth__form{ margin: 0; }

.c-auth__links{ margin-top: 20px; display: flex; flex-direction: column; gap: 8px; }
.c-auth__link{ font: 400 var(--fs-meta)/1.4 var(--font-ui); color: var(--ink-2); text-decoration: none; }
.c-auth__link b{ color: var(--brand); }
.c-auth__link:hover b{ text-decoration: underline; }

/* linha de conta no head do hub (e-mail + sair) */
.c-auth-account{ display: flex; align-items: center; gap: 12px; }
.c-auth-account__email{
  font: 500 var(--fs-label)/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--ink-3);
}
.c-auth-account form{ margin: 0; }