.appInvitePanel,.appInvitePanel *{box-sizing:border-box}
.appInvitePanel{margin-top:28px;padding:22px;border:1px solid #cfe2d8;border-radius:18px;background:linear-gradient(145deg,#f5fbf8,#fff);box-shadow:0 8px 30px #0b4d3520;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.appInvitePanel[hidden]{display:none}
.appInviteFlow{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.appInviteFlow[hidden]{display:none}
.appInviteFlow h4,.appInviteFlow .sub,.appInviteFlow .appInviteStatus{grid-column:1/-1;margin:0}
.appInvitePanel h3,.appInvitePanel .sub,.appInvitePanel .appInviteStatus{grid-column:1/-1;margin:0}
.appInvitePanel h3{font-size:1.25rem;color:#07563e}
.appInvitePanel label{display:grid;gap:6px;font-weight:700;color:#25473b;min-width:0}
.appInvitePanel input,.appInvitePanel select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #bfd5ca;border-radius:10px;background:#fff;color:#102d25;font:inherit}
.appInvitePanel input:focus-visible,.appInvitePanel select:focus-visible,.appInvitePanel button:focus-visible{outline:3px solid #67b596;outline-offset:2px}
.appInvitePanel button{grid-column:1/-1;justify-self:start;min-height:44px;padding:10px 18px}
.appInvitePanel .appInviteStatus{min-height:1.5em;color:#07563e}
@media(max-width:680px){.appInvitePanel,.appInviteFlow{grid-template-columns:1fr}.appInvitePanel{margin-top:20px;padding:16px}.appInvitePanel button{width:100%}}