/* BACKLINE v0.25r – canonical event social action row.
   Status + friend question are static siblings in the modal on every viewport. */
.event-social-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:10px 0 0;
  padding:8px;
  border:1px solid var(--line);
  background:#050505;
}
.event-social-actions .social-btn{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;text-align:center;}
.event-ask-row{margin:8px 0 0;}
.event-ask-notice{margin:8px 0 0;}
#modalSocialBox{display:block;visibility:visible;margin:10px 0 12px;padding-top:10px;}
#modalSocialBox .social-title{display:block;visibility:visible;}
#modalSocialBox #modalFriends,#modalSocialBox #modalInvites{visibility:visible;}
@media(max-width:680px){
  .event-social-actions{grid-template-columns:1fr 1fr;margin:8px 0 0;padding:7px;}
  .event-social-actions #askFriendBtn{grid-column:1/-1;width:100%;min-height:44px;}
  .event-ask-row.show{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;}
  .event-ask-row select{min-width:0;width:100%;}
  #modalSocialBox{position:static;margin:8px 0 12px;padding:10px 0 0;border-top:1px solid var(--line);}
}
@media(max-width:420px){
  .event-ask-row.show{grid-template-columns:1fr;}
  .event-ask-row .social-btn{width:100%;}
}