/* Copyright (c) 2026 Brownie, LLC. All rights reserved. */

/*
 * The Team page's account views: signing in (views/sign-in.ts) and the home
 * view with your invitations, programs and account (views/home.ts).
 * Mobile first: one column, with forms kept to a readable width.
 */

/* ---------- Signing in ---------- */

.sign-in-form {
  display: grid;
  gap: 12px;
  max-width: 28rem;
}

.sign-in-form input[name="code"] {
  font-family: var(--font-monospace);
  font-size: 1.25rem;
  letter-spacing: 0.3em;
}

.new-account-fields {
  display: grid;
  gap: 10px;
  margin: 4px 0 0;
  padding: 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--control-radius);
}

.new-account-fields legend {
  padding: 0 4px;
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 600;
}

.new-account-fields p {
  margin: 0;
}

.new-account-fields .checkbox-label {
  margin-top: 0;
  font-size: 0.95rem;
  color: var(--color-text);
}

/* Checkboxes big enough to tap. */
.new-account-fields input[type="checkbox"] {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--color-accent);
}

.sign-in-invitation-note {
  margin: 0;
  font-weight: 600;
}

.sign-in-note {
  margin: 0;
  font-size: 0.9rem;
}

/* ---------- Home ---------- */

.home-greeting h2 {
  margin: 0;
}

.home-greeting p {
  margin: 4px 0 0;
}

.coached-program {
  display: grid;
  gap: 8px;
}

/* The invitation an email linked to, picked out at the top of home. */
.team-section.is-highlighted {
  border: 2px solid var(--color-accent);
  background: var(--color-accent-soft);
}

.account-help {
  margin: 0;
  color: var(--color-text-muted);
}