/* Shared auth styles for the hive login card + "no access" card. Used by the
   landing page and /auth/callback (which have no per-app CSS) and available to
   any app. Mirrors the .auth-card / .app-shell that were duplicated in each
   app's CSS, using design-system tokens. */

.app-shell {
  max-width: 1400px;
  margin: 0 auto;
  padding: var(--space-8) var(--space-6) var(--space-16);
}

.auth-card {
  max-width: 380px;
  margin: 12vh auto 0;
  background: var(--n-0);
  border: 1px solid var(--n-200);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
}
.auth-card h1 { margin: 0 0 var(--space-2); font-size: 22px; }
.auth-card p  { margin: 0 0 var(--space-6); color: var(--n-600); font-size: 14px; }
.auth-card label { display: block; font-size: 12px; color: var(--n-700); margin-bottom: var(--space-1); }
.auth-card input {
  width: 100%; padding: var(--space-3); border: 1px solid var(--n-300);
  border-radius: var(--radius-md); font: inherit; background: var(--n-0);
}
.auth-card button {
  margin-top: var(--space-4); width: 100%;
  background: var(--kiss-red); color: var(--kiss-red-contrast);
  border: 0; padding: var(--space-3); border-radius: var(--radius-md);
  font: inherit; font-weight: 600; cursor: pointer;
}
.auth-card button:hover { background: var(--kiss-red-hover); }
.auth-card .auth-card__msg { margin-top: var(--space-4); font-size: 13px; min-height: 1em; }
.auth-card .auth-card__msg.error   { color: var(--error); }
.auth-card .auth-card__msg.success { color: var(--success); }
.auth-card .auth-card__msg a { color: var(--n-500); }