/* 21.375: readable invitation actions, stable layout at desktop/mobile widths. */
#family .bt375-invitations{border-color:rgba(192,150,78,.4);min-width:0;}
#family .bt375-invitations h4{font-size:13px;margin:12px 0 5px;color:#e2c285;}
#family .bt375-invite-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
#family .bt375-invite-heading .badge{white-space:nowrap;flex-shrink:0;}
#family .bt375-invite-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;margin:7px 0;border:1px solid rgba(186,145,79,.25);border-radius:9px;background:rgba(12,13,14,.65);min-width:0;}
#family .bt375-invite-copy{min-width:0;overflow-wrap:anywhere;}
#family .bt375-invite-copy strong{display:block;color:#f1ddae;font-size:13px;}
#family .bt375-invite-copy small{display:block;margin-top:4px;line-height:1.45;color:#baa98c;font-size:11px;}
#family .bt375-invite-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;}
#family .bt375-invite-actions button{box-sizing:border-box!important;min-width:82px!important;max-width:none!important;width:auto!important;min-height:32px!important;padding:7px 12px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:visible!important;}
#family .bt375-invite-actions button:focus-visible{outline:2px solid #eecb87;outline-offset:2px;}
#family .bt375-invite-actions button:disabled{opacity:.7;cursor:wait;}
#family .bt375-invite-empty{margin:10px 0 0;}
@media(max-width:700px){
  #family .bt375-invite-item{grid-template-columns:1fr;gap:10px;}
  #family .bt375-invite-actions{justify-content:flex-start;flex-wrap:wrap;}
  #family .bt375-invite-heading{flex-wrap:wrap;}
}
@media(max-width:380px){#family .bt375-invite-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}#family .bt375-invite-actions button{min-width:0!important;}}