.app-shell[data-page=members] .member-invite-form{display:grid;grid-template-columns:repeat(2,minmax(0,260px)) max-content max-content;grid-template-rows:auto auto;align-items:start;gap:8px 12px}
.app-shell[data-page=members] .member-invite-form>.member-field{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:1 / 3;gap:8px;max-width:none;position:relative}
.app-shell[data-page=members] .member-invite-form>.member-field:first-child{grid-column:1}
.app-shell[data-page=members] .member-invite-form>.member-field:nth-child(2){grid-column:2}
.app-shell[data-page=members] .member-invite-form .member-field label{grid-row:1;margin:0}
.app-shell[data-page=members] .member-invite-form .member-field input{grid-row:2;height:42px;margin:0}
.app-shell[data-page=members] .member-invite-form>.action-result{grid-row:2;align-self:start}
.app-shell[data-page=members] .member-invite-form>.action-result:nth-child(3){grid-column:3}
.app-shell[data-page=members] .member-invite-form>.action-result:nth-child(4){grid-column:4}
.app-shell[data-page=members] .member-invite-form>.action-result>button{height:42px;white-space:nowrap}
@media(max-width:899px){
  .app-shell[data-page=members] .member-invite-form{grid-template-columns:repeat(2,minmax(0,260px))}
  .app-shell[data-page=members] .member-invite-form>.action-result{grid-row:3;width:100%}
  .app-shell[data-page=members] .member-invite-form>.action-result:nth-child(3){grid-column:1}
  .app-shell[data-page=members] .member-invite-form>.action-result:nth-child(4){grid-column:2}
  .app-shell[data-page=members] .member-invite-form>.action-result>button{width:100%}
}
@media(max-width:599px){
  .app-shell[data-page=members] .member-invite-form{grid-template-columns:minmax(0,1fr);gap:12px}
  .app-shell[data-page=members] .member-invite-form>.member-field{grid-template-rows:auto 42px;grid-row:auto}
  .app-shell[data-page=members] .member-invite-form>:is(.member-field,.action-result):nth-child(n){grid-column:1;grid-row:auto}
}