/* Account forms extend the selected Game Day Orange system without a new visual language. */
body.account-page .privacy-footer { display: none; }

.account-panel {
  width: min(100%, 560px);
  margin: clamp(20px, 6vh, 72px) auto;
  padding: clamp(20px, 4vw, 32px);
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-top: 4px solid var(--action);
  border-radius: 4px;
}

.account-panel h2 { margin: 2px 0 8px; overflow-wrap: anywhere; }
.account-panel h3 { margin: 0 0 8px; }
.account-panel .eyebrow {
  margin: 0;
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.account-intro { margin: 0 0 22px; color: var(--text-muted); text-wrap: pretty; }
.account-form { display: grid; gap: 8px; }
.account-form label, .account-panel > label { font-weight: 700; }
.account-form input:not([type="hidden"]),
.account-form textarea,
.one-time-code {
  width: 100%;
  min-height: 44px;
  margin: 0 0 8px;
  padding: 10px 12px;
  resize: vertical;
}
.account-form button { width: 100%; margin-top: 8px; }
.one-time-code {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  overflow-wrap: anywhere;
  resize: none;
}
.account-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 18px; }
.account-footnote { margin: 18px 0 0; }
.account-code-section { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--border); }
.account-code-section p { color: var(--text-muted); }
.account-claim { border-top-color: var(--action); }
.account-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.account-actions form { margin: 0; }
.account-primary-link { margin-top: 16px; }

@media (max-width: 600px) {
  .account-panel { margin: 12px auto; padding: 20px 16px; }
  .account-links { flex-direction: column; }
  .account-actions, .account-actions > * { width: 100%; }
  .account-actions .button-link, .account-actions button { justify-content: center; width: 100%; }
}