/* Extends the membership invitation section without another card hierarchy. */
.skr-invitations { min-width: 0; }
.skr-invitations .field { margin: 16px 0 8px; }
.skr-invitations input, .skr-invitations select { width: 100%; min-width: 0; box-sizing: border-box; font-size: 16px; min-height: 44px; }
.skr-invite-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.skr-invite-actions button, .skr-inbox > button { min-height: 44px; }
.skr-invite-actions .secondary { width: auto; flex: 1 1 160px; }
.skr-inbox { border-top: 1px solid var(--line, #d7d0c3); margin-top: 24px; padding-top: 12px; }
.skr-inbox-rows { padding: 0; margin: 8px 0; list-style: none; }
.skr-inbox-rows > li { padding: 16px 0; border-bottom: 1px solid var(--line, #d7d0c3); }
.skr-inbox-rows strong, .skr-inbox-rows span { display: block; }
.skr-invitations :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#skr-invite-link { font-family: inherit; }
.invite-redeem-actions { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.invite-redeem-actions button { min-height: 44px; }
@media (prefers-reduced-motion: reduce) { .skr-invitations *, .invite-redeem-actions * { animation: none; transition: none; } }