/* Team page visual QA (2026-11-06) */
/* Invite row: field, role and button share one height and line up */
#invite-form .inline-row{align-items:stretch;gap:10px}
#invite-form input,#invite-form select,#invite-form .btn{height:48px;min-height:48px;box-sizing:border-box}
#invite-form select{padding:0 36px 0 14px;flex:none}
#invite-form .btn{padding:0 22px;font-size:15px;flex:none}
/* Member rows */
.team-row{grid-template-columns:36px minmax(0,1.3fr) minmax(0,1.2fr) 110px;column-gap:20px;padding:18px 0}
.team-row .ar-main strong{display:flex;align-items:center;gap:8px;font-weight:500;font-size:16px}
.team-row .ar-main .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-row .ar-state>span:first-child{font-weight:500;font-size:15px}
.team-row .ar-state .muted .sep{margin:0 8px}
.you-chip{font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:6px;padding:2px 7px;background:var(--accent);color:#111}
.team-row .avatar.sm{color:#111}
@media (max-width:760px){
  #invite-form .inline-row{flex-wrap:wrap}
  #invite-form input{flex:1 1 100%}
  #invite-form select,#invite-form .btn{flex:1 1 0}
  .team-row{grid-template-columns:36px minmax(0,1fr) auto;row-gap:6px;align-items:start}
  .team-row .avatar{grid-column:1;grid-row:1}
  .team-row .ar-main{grid-column:2;grid-row:1}
  .team-row .ar-state{grid-column:2/-1;grid-row:2}
  .team-row .ar-act{grid-column:3;grid-row:1;align-self:center}
}