/*
 * Agent team setup pre-order page. Loads after the Last Table tokens and components. Two flat cards in the hero (the
 * 2 actions), then 2 plain forms that post without a script: each label sits on its own line above its field.
 */

.lt-hero .lt-card {
  display: flex;
  flex-direction: column;
  gap: var(--lt-space-3);
}
.lt-hero .lt-card p, .lt-hero .lt-card .lt-h3 { margin: 0; }
.lt-hero .lt-card .offer-pay { margin-top: auto; padding-top: var(--lt-space-2); }
.lt-hero .lt-card .lt-btn { width: 100%; }

.at-form { display: flex; flex-direction: column; gap: var(--lt-space-2); }
.at-form .lt-label { display: block; margin-top: var(--lt-space-3); }
.at-form .lt-input { width: 100%; flex: none; }
.at-form select.lt-input { appearance: auto; }
.at-consent {
  display: flex;
  align-items: flex-start;
  gap: var(--lt-space-2);
  margin-top: var(--lt-space-3);
  font-size: var(--lt-step--1);
  color: var(--lt-text-2);
}
.at-consent input { flex: none; width: 20px; height: 20px; margin-top: var(--lt-space-1); accent-color: var(--lt-glow-ink); }
.at-form .offer-pay { margin: var(--lt-space-3) 0 0; }
.at-form + h2 { margin-top: var(--lt-space-7); }
@media (max-width: 480px) {
  .at-form .lt-btn { width: 100%; }
}