/* Circlique Groups social composer compatibility styles. */
/* v1 compact composer */
.groupPostComposerCompact{padding:14px 15px!important}
  .groupPostComposerCompact>b{display:block;font-size:17px;margin-bottom:8px}
  .groupPostComposerCompact textarea{
    min-height:68px!important;height:68px!important;margin:0!important;padding:11px 12px!important;
    resize:vertical;font-size:15px!important;line-height:1.4!important
  }
  .groupPostComposerActions{display:grid;grid-template-columns:52px 1fr;gap:8px;margin-top:8px}
  .groupPostComposerActions .btn{margin:0!important;min-height:46px!important;padding:10px 14px!important}
  .groupPostMediaPick{position:relative;overflow:hidden;display:grid!important;place-items:center;font-size:20px!important;padding:0!important}
  .groupPostMediaPick input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}
  .groupPostSend{width:100%!important}
  .groupPostMediaName{font-size:11px;color:var(--muted);line-height:1.35;margin-top:6px}
  .groupPostMediaName:empty{display:none}
  #groupPostStatus:empty{display:none}

/* v2 social composer */
.groupSocialComposer{padding:14px!important}
  .groupSocialPromptRow{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}
  .groupComposerAvatar{
    width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(145deg,#34163d,#17101d);border:1px solid #9a4bb0;
    color:#fff;font-size:22px;font-weight:900
  }
  .groupSocialPrompt{
    min-height:48px;width:100%;border:1px solid #56345f;border-radius:999px;
    background:#0e0a11;color:#aaa0ad;text-align:left;padding:10px 16px;
    font:600 16px/1.2 inherit;cursor:pointer
  }
  .groupSocialPrompt:active{background:#17101b}
  .groupSocialDivider{height:1px;background:var(--line);margin:12px 0 9px}
  .groupSocialQuickActions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
  .groupSocialQuickActions button{
    border:0;background:transparent;color:#c5bbc9;display:grid;gap:3px;place-items:center;
    min-width:0;padding:6px 2px;font:800 11px/1.1 inherit;cursor:pointer
  }
  .groupSocialQuickActions button span{font-size:20px;line-height:1;color:#e08cff}
  .groupSocialQuickActions button:active{background:rgba(179,65,206,.15);border-radius:10px}
  .groupSocialFileInput{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
  .groupPostExpanded{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
  .groupPostExpanded textarea{min-height:86px!important;height:86px!important;margin:0!important;padding:11px 12px!important;font-size:15px!important}
  .groupPostExpanded .groupPostSend{min-height:44px!important;margin:8px 0 0!important}
  .groupPostMediaName{font-size:11px;color:var(--muted);margin-top:6px}
  .groupPostMediaName:empty,#groupPostStatus:empty{display:none}
  @media(max-width:380px){
    .groupSocialQuickActions button{font-size:10px}
    .groupSocialQuickActions button span{font-size:18px}
  }

/* Clickable member identities in Groups management. */
.groupMemberIdentity{width:100%;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;border:0;background:transparent;color:inherit;text-align:left;padding:4px 2px;cursor:pointer}
.groupMemberIdentity:focus-visible{outline:2px solid var(--blush);outline-offset:3px;border-radius:12px}
.groupMemberAvatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#34163d,#17101d);border:1px solid #9a4bb0;color:#fff;font-weight:900}
.groupMemberAvatar img{width:100%;height:100%;object-fit:cover;display:block}
.groupMemberIdentityText{display:grid;gap:3px;min-width:0}
.groupMemberIdentityText b,.groupMemberIdentityText .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Directly tappable people throughout Groups. */
.groupInlineProfile{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;padding:1px 3px;cursor:pointer}
.groupInlineIdentity{display:grid;gap:3px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;padding:3px;cursor:pointer}
.groupInlineIdentity .muted{display:block}
.groupCommentAuthorLink{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;font:inherit;padding:3px 4px;cursor:pointer}
.groupPostAuthorLink,.groupCommentAuthorLink,.groupMemberIdentity,.groupInlineIdentity,.groupInlineProfile{touch-action:manipulation;-webkit-tap-highlight-color:rgba(194,114,200,.24)}


/* Social identity row for group posts. */
.groupPostAuthorIdentity{display:grid!important;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:2px 0 10px;cursor:pointer}
.groupPostAuthorAvatar{width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#34163d,#17101d);border:1px solid #9a4bb0;color:#fff;font-weight:900}
.groupPostAuthorAvatar img{width:100%;height:100%;object-fit:cover;display:block}
.groupPostAuthorText{display:grid;gap:3px;min-width:0}
.groupPostAuthorText b,.groupPostAuthorText .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}