/* Login page — additions only. All other classes (buttons, cards, inputs,
   badges, colors) reuse the exact compiled Tailwind rules already shipped
   in pages/login.css (copied from audits.css) so nothing here duplicates
   or reorders those rules. This file only adds the handful of classes the
   7 captured app pages never needed: full-height centering, the auth
   background, and a plain text input recipe matching shadcn/ui's Input. */

.auth-page {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, hsl(210 73% 10%) 0%, hsl(210 73% 16%) 55%, hsl(210 70% 22%) 100%);
  padding: 1.5rem;
}

.auth-card-wrap {
  width: 100%;
  max-width: 400px;
}

.auth-logo-badge {
  width: 72px;
  height: 72px;
  margin: 0 auto 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: .75rem;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  padding: 8px;
}

.auth-logo-badge img { width: 100%; height: 100%; object-fit: contain; }

.auth-card-shadow-lg {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}

/* shadcn/ui Input recipe, matching the --input / --ring / --radius tokens
   already defined in :root for this app. */
.auth-input {
  display: flex;
  height: 2.5rem;
  width: 100%;
  border-radius: calc(var(--radius) - 2px);
  border: 1px solid hsl(var(--input));
  background-color: hsl(var(--background));
  padding: 0.5rem 0.75rem;
  font-size: .875rem;
  color: hsl(var(--foreground));
  transition: box-shadow .15s ease, border-color .15s ease;
}

.auth-input::placeholder { color: hsl(var(--muted-foreground)); }

.auth-input:focus {
  outline: none;
  border-color: hsl(var(--ring));
  box-shadow: 0 0 0 3px hsl(var(--ring) / .25);
}

.auth-label {
  display: block;
  font-size: .8125rem;
  font-weight: 500;
  color: hsl(var(--foreground));
  margin-bottom: .375rem;
}

.auth-footer-text {
  text-align: center;
  margin-top: 1.5rem;
  font-size: .8125rem;
  color: hsl(210 40% 90% / .65);
}

.auth-footer-text a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }

.auth-btn-primary {
  width: 100%;
  justify-content: center;
  height: 2.5rem;
}