/* amadan — the onboarding pages a fresh sign-in reaches: the welcome
   page (welcome.html), where a new session lands, and the "Hand it to
   an agent" page (welcome_agent.html). Linked from chromeAssets like
   every stylesheet (csslinks_test.go); every rule is scoped to these
   pages' own class names. */

/* ---------- welcome page ---------- */

main.welcome-page {
  max-width: 44rem;
  padding-top: clamp(2.5rem, 9vh, 5rem);
  padding-bottom: 4rem;
}
.welcome-page h1 { margin: 0 0 0.6rem; }
.welcome-lead { margin: 0 0 2rem; color: var(--fg-muted); font-size: 1.1rem; }

/* Two equal ways to start, side by side; the first is the common path
   and carries the filled button. They stack on a narrow screen. */
.welcome-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1rem;
}
.welcome-choice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.25rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-inset);
}
.welcome-choice h2 { margin: 0 0 0.5rem; font-size: 1.2rem; }
.welcome-choice p { margin: 0 0 1.25rem; color: var(--fg-muted); }
.welcome-choice .btn { margin-top: auto; padding: 0.55rem 1.1rem; }
.welcome-choice a.btn:hover { text-decoration: none; }

/* ---------- hand it to an agent (welcome_agent.html) ---------- */

/* The prompt keeps its line breaks (the agent reads them) but wraps
   long lines rather than scrolling them out of sight. */
.agent-hand .agent-prompt {
  margin: 0 0 0.75rem;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-inset);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.agent-hand .btn { margin-bottom: 0.75rem; }