/* Author invite page (Figma 1777:72925). Main: 896 column, 48 under the navbar, 40 between blocks. Heading centred (title text-5xl,
   intro text-lg 640 wide, meta text-sm). Card: surface/elevated, 1px border, radius lg, 32 padding, 20 gap; handles in a 2-column
   grid 16 apart (Website full width). Read-only Email uses the Input Disabled look. Empty states 48 under the navbar. */
.ainv{box-sizing:border-box;max-width:calc(896px + 2 * var(--space-16));margin:0 auto;padding:calc(118px + var(--space-48)) var(--space-16) var(--space-96)}
.ainv__form-view{display:flex;flex-direction:column;gap:var(--space-40)}
.ainv__form-view[hidden],.ainv__empty[hidden]{display:none}
.ainv__head{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center}
.ainv__title{margin:0;font:var(--text-5xl);color:var(--text-primary)}
.ainv__intro{margin:0;max-width:640px;font:var(--text-lg);color:var(--text-secondary)}
.ainv__meta{margin:0;max-width:640px;font:var(--text-sm);color:var(--text-secondary)}
.ainv__card{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-32);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg)}
.ainv__summary{margin:0;font:var(--text-sm);color:var(--feedback-error);text-align:center}
.ainv__summary[hidden]{display:none}
.ainv__summary:focus{outline:0}
.ainv__summary:focus-visible{box-shadow:var(--shadow-focus-ring);border-radius:var(--radius-sm)}
.ainv__section{margin:0;font:var(--text-xl);color:var(--text-primary)}
.ainv__help{margin:calc(-1 * var(--space-8)) 0 0;font:var(--text-sm);color:var(--text-secondary)}
.ainv__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}
.ainv__wide{grid-column:1 / -1}
.ainv__card .input__label span{margin-left:var(--space-2)}
.ainv__card .input.is-disabled .input__label{color:var(--text-muted)}
.ainv__card .input.is-disabled .input__field{color:var(--text-muted);cursor:default}
.ainv__card .input.is-disabled .input__hint{color:var(--text-muted)}
.ainv__card .input.is-disabled .input__control{pointer-events:auto}
.ainv__card .checkbox{display:flex}
.ainv__card .checkbox__label a{color:inherit;text-decoration:underline;text-underline-offset:2px}   /* Terms / Privacy Policy links (Prompt 28 review): same text, underlined */
.ainv__card .checkbox__label a:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring);border-radius:var(--radius-sm)}
.ainv__save{width:100%}
.ainv__save[aria-disabled="true"]{opacity:.35;cursor:not-allowed;pointer-events:auto}
.ainv__save[aria-disabled="true"]:hover{background:var(--button-primary-bg)}
.ainv__empty{min-height:560px}
.ainv__empty .empty-state{padding:0 0 var(--space-80);max-width:392px;gap:var(--space-12)}
/* Tablet 600–1023 (Figma 2239:121535): navbar, centred heading (title 48 Mobile/02, intro 16, meta), 680 card (32 sides), handles in 2 columns */
@media (min-width:600px) and (max-width:1023px){
  .ainv{max-width:none;padding:calc(var(--nav-h,120px) + var(--space-40)) var(--space-32) var(--space-64)}
  .ainv__form-view{gap:var(--space-24)}
  .ainv__title{font:var(--text-mobile-8xl)}
  .ainv__intro{font:var(--text-base)}
  .ainv__card{padding:var(--space-16);gap:var(--space-16)}
}
/* Phone <600 (2239:121632): signed-out App / Header, no tab bar; centred heading (title 28/32 Mobile/05, intro 15/22), card padding 16,
   every field full width (label + 44 input), Mobile text */
@media (max-width:599px){
  .ainv{padding:var(--space-16) var(--space-16) var(--space-48)}
  .ainv__form-view{gap:var(--space-20)}
  .ainv__title{font:var(--text-mobile-5xl)}
  .ainv__intro{font:var(--text-mobile-lg)}
  .ainv__meta{font:var(--text-mobile-sm);color:var(--text-primary)}
  .ainv__card{padding:var(--space-16);gap:var(--space-16)}
  .ainv__section{font:var(--text-mobile-2xl);text-transform:uppercase}
  .ainv__help{font:var(--text-mobile-sm)}
  .ainv__grid{grid-template-columns:minmax(0,1fr)}
  .ainv__empty{min-height:0;padding-top:var(--space-48)}
}
/* Prompt 28 review, desktop (1777:72934 Author details): the card is 848 wide inside the 896 heading column (content 782), and the
   helper line sits 20 under its section title (no pull-up) */
@media (min-width:1024px){
  .ainv__card,.ainv .founders-note{box-sizing:border-box;width:100%;max-width:848px;margin-inline:auto}   /* Note from founders 1777:74188 is 848 too */
  .ainv__help{margin-top:0}
}
/* Prompt 28 review, phone (2239:121632): heading 24 under the App / Header, card blocks 20 apart, section titles Mobile/09 text-xl
   (16/20, one line), helper 20 under its title */
@media (max-width:599px){
  .ainv{padding-top:var(--space-24)}
  .ainv__card{gap:var(--space-20)}
  .ainv__section{font:var(--text-mobile-xl)}
  .ainv__help{margin-top:0}
}
/* Prompt 28 review, tablet (2239:121535): same rhythm as desktop: heading 48 under the navbar, card 40 below it, card padding 32 (+1
   border, content 614), blocks 20 apart, helper 20 under its title */
@media (min-width:600px) and (max-width:1023px){
  .ainv{padding-top:calc(var(--nav-h,120px) + var(--space-48))}
  .ainv__form-view{gap:var(--space-40)}
  .ainv__card{padding:var(--space-32);gap:var(--space-20)}
  .ainv__help{margin-top:0}
}