/* Email invitations: the owner card on Team settings and the invitation landing page. Tokens, palettes, cards, messages, tables and
   the stacked narrow-table rule come from /billing/styles.css; nothing animates. */
.ei-form { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto; gap: 0 16px; align-items: end; }
.ei-form .field { margin-bottom: 0; }
.ei-send button { min-height: 38px; white-space: nowrap; }
.ei-actions { justify-content: flex-start; }
.ei-list-heading { margin: 24px 0 0; font-size: 15px; }
.ei-list-caption { margin-top: 4px; }
.ei-list-actions { margin-top: 12px; }
.ei-pending, .ei-confirm { margin: 16px 0 0; }
.ei-pending p, .ei-confirm p { margin: 0 0 8px; }
.ei-address { overflow-wrap: anywhere; }
.ei-why { display: block; margin-top: 6px; text-align: right; }
.ei-offer-pending { border-color: hsl(var(--primary)); }
.ei-mail-outcome_unknown, .ei-mail-bounced, .ei-mail-rejected, .ei-mail-suppressed { font-weight: 550; }
#email-invitations-note { margin: 16px 0 0; }
#email-invitations-note p { margin: 0; }
#email-invitations-note p + p { margin-top: 8px; }
.invitation-card .facts { margin: 16px 0; }
.invitation-card .member-actions { margin-top: 12px; }
.invitation-card button, .invitation-card .button { min-height: 44px; }
h2[tabindex="-1"]:focus, #email-invitations-note:focus { outline: none; }
h2[tabindex="-1"]:focus-visible, #email-invitations-note:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }
@media(max-width:760px) {
  .ei-form { grid-template-columns: minmax(0, 1fr); }
  .ei-form .field { margin-bottom: 12px; }
  .ei-send button { width: 100%; min-height: 44px; }
  .ei-actions { flex-direction: column; align-items: stretch; }
}
@media(max-width:640px) {
  .ei-why { text-align: left; }
  .ei-actions button, .ei-actions .button { width: 100%; min-height: 44px; }
}