/* ============ [ADDED] نظام الأصدقاء - تصميم موحّد مع باقي الموقع ============ */

/* زر إضافة صديق / حالة العلاقة داخل البروفايل */
.fr-action-btn{display:inline-flex;}
.fr-btn{
  border:none;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:800;
  display:flex;align-items:center;gap:6px;cursor:pointer;color:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.15);
}
.fr-btn-add{background:linear-gradient(135deg,#43c56f,#2e9e56);}
.fr-btn-pending{background:#b3b3c0;}
.fr-btn-accept{background:linear-gradient(135deg,#ff9a3d,#e07b1a);}
.fr-btn-friends{background:linear-gradient(135deg,#5b8def,#3d6fd1);}

/* قائمة الأصدقاء - كروت بنفس أسلوب rms-card */
.fr-list-wrap{padding:8px;}
.fr-card{
  display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;
  margin:0 0 8px;padding:8px;border:1px solid #f0f0f6;box-shadow:0 1px 4px rgba(20,20,40,.06);
}
.fr-pic{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#eee;flex-shrink:0;}
.fr-info{flex:1;min-width:0;}
.fr-name{font-size:13px;font-weight:800;color:#2c2c3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fr-sub{font-size:11px;color:#9a9aa8;margin-top:2px;display:flex;align-items:center;gap:5px;}
.fr-online-dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;display:inline-block;}
.fr-mini-btn{
  width:32px;height:32px;border-radius:50%;border:none;background:#f1f3f6;color:#4a5568;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.fr-empty{text-align:center;color:#b3b3c0;font-size:12px;padding:26px 10px;}
.fr-empty .fa{font-size:26px;display:block;margin-bottom:8px;color:#dcdce6;}

/* ترقيم صفحات الأصدقاء */
.fr-pager{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;padding:10px 0 4px;}
.fr-page-btn{
  min-width:28px;height:28px;border:1px solid #ecebf3;background:#fafafd;border-radius:8px;
  font-size:11px;font-weight:700;color:#555;cursor:pointer;
}
.fr-page-btn.fr-page-active{background:var(--theme-btcolor);color:#fff;border-color:transparent;}
.fr-page-btn:disabled{opacity:.4;cursor:default;}

/* زرار "الأصدقاء" في الشريط السفلي - نفس أسلوب #d0 .ae */
#d0 .ae.fa-heart span,
#d0 .ae#friendsTabBtn span{
  position:absolute!important;top:1px!important;left:9px!important;min-width:15px!important;height:15px!important;
  padding:0 3px!important;background:linear-gradient(135deg,#ff6b81,#ff4757)!important;color:#fff!important;
  border-radius:8px!important;font-size:9px!important;font-weight:700!important;line-height:15px!important;
  text-align:center!important;box-shadow:0 1px 4px rgba(255,71,87,.5)!important;
}
#d0 .ae#friendsTabBtn span:empty{display:none!important;}

/* تبويب الخصوصية - سيلكت تعطيل الخاص/التنبيهات (بديل الـswitch القديم) */
.usx-privacy-select{
  width:100%;height:38px;border:1px solid #ecebf3;background:#fafafd;border-radius:10px;
  padding:0 10px;font-size:12px;margin-top:6px;
}

/* بادچ عدد طلبات الصداقة المعلّقة جنب زر "طلبات الصداقة" في الخصوصية */
.usx-list-btn .fr-req-count{
  background:#ff4757;color:#fff;border-radius:20px;font-size:10px;font-weight:800;
  padding:2px 7px;margin-right:6px;
}

/* [ADDED] كروت طلبات الصداقة الواردة - بوب أب #friendRequestsPopup
   (كانت الكلاسات دي غير معرّفة خالص فالمتصفح كان بيعرضها بشكلها
   الافتراضي: صورة بحجمها الطبيعي، وأزرار من غير أي تنسيق) */
.usx-popup-body #friendRequestsList{max-width:100%;}
.rg-card{
  display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:14px;
  margin:0 0 10px;padding:10px;border:1px solid #f0f0f6;box-shadow:0 1px 4px rgba(20,20,40,.06);
}
.rg-card-head{display:flex;align-items:center;gap:10px;}
.rg-pic{
  width:44px;height:44px;min-width:44px;border-radius:50%;object-fit:cover;
  background:#eee;flex-shrink:0;
}
.rg-topic{
  font-size:13px;font-weight:800;color:#2c2c3a;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;
}
.rg-card-msg{font-size:11px;color:#9a9aa8;}
.rg-card-actions{display:flex;gap:8px;}
.rg-yes,.rg-no{
  flex:1;border:none;border-radius:10px;padding:8px 0;font-size:12px;font-weight:800;
  cursor:pointer;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.12);
}
.rg-yes{background:linear-gradient(135deg,#43c56f,#2e9e56);}
.rg-no{background:linear-gradient(135deg,#ff6b6b,#e74c3c);}

/* [ADDED] زرار قبول/رفض على إشعار الجرس نفسه (طلب صداقة حي) */
.notification__fr-actions{display:flex;gap:6px;padding:2px 8px 8px;}
.notification__fr-actions button{
  flex:1;border:none;border-radius:8px;padding:5px 0;cursor:pointer;color:#fff;
  font-size:11px;font-weight:800;
}
.notification__fr-actions .fr-bell-yes{background:linear-gradient(135deg,#43c56f,#2e9e56);}
.notification__fr-actions .fr-bell-no{background:linear-gradient(135deg,#ff6b6b,#e74c3c);}