/* =====================================================
   OPENFEED FRIEND SYSTEM
===================================================== */
.post-author{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  min-width:0;
  gap:7px;
  overflow:visible!important;
}
.friend-btn-container{
  display:flex!important;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
  position:relative;
  z-index:100;
  overflow:visible!important;
}
.friend-btn{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:999!important;
  width:auto!important;
  min-width:82px;
  max-width:none!important;
  height:28px;
  padding:0 11px;
  margin:0;
  border:1px solid #dbe3ef;
  border-radius:999px;
  background:#fff;
  color:#2563eb;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap!important;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;
  -webkit-tap-highlight-color:transparent;
}
.friend-btn:hover{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d4ed8;
}
.friend-btn:active{
  transform:scale(.97);
}
.friend-btn:focus,
.friend-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
.friend-btn:disabled{
  opacity:1!important;
}
.friend-btn-loading{
  color:#9ca3af;
  background:#f9fafb;
  border-color:#e5e7eb;
  cursor:default;
}
.friend-btn-none{
  color:#2563eb;
  background:#fff;
  border-color:#bfdbfe;
  cursor:pointer;
}
.friend-btn-none:hover{
  background:#eff6ff;
  border-color:#93c5fd;
  color:#1d4ed8;
}
.friend-btn-sent{
  color:#6b7280;
  background:#f3f4f6;
  border-color:#e5e7eb;
  cursor:pointer;
}
.friend-btn-sent:hover{
  color:#374151;
  background:#e5e7eb;
  border-color:#d1d5db;
}
.friend-btn-friends{
  color:#15803d;
  background:#f0fdf4;
  border-color:#bbf7d0;
  cursor:default;
}
.friend-btn-received{
  color:#fff;
  background:#2563eb;
  border-color:#2563eb;
  cursor:pointer;
}
.friend-btn-received:hover{
  color:#fff;
  background:#1d4ed8;
  border-color:#1d4ed8;
}
@media(max-width:560px){
  .post-author{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    width:100%!important;
    min-width:0!important;
    gap:5px!important;
    overflow:visible!important;
  }
  .friend-btn-container{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    overflow:visible!important;
    position:relative!important;
    z-index:100!important;
  }
  .friend-btn{
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:76px!important;
    max-width:none!important;
    height:28px!important;
    padding:0 10px!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:999!important;
  }
}
@media(max-width:380px){
  .post-author{
    gap:5px!important;
  }
  .friend-btn-container{
    flex-basis:100%!important;
    width:100%!important;
    margin-top:5px!important;
  }
  .friend-btn{
    min-width:82px!important;
    height:28px!important;
    padding:0 11px!important;
    font-size:11px!important;
  }
}