/* Algalaa profile styles v20260519 - production split. */
.profile .cover{height:200px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);position:relative;overflow:hidden}
.profile .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,10,10,.7) 100%)}
.profile .cover img{width:100%;height:100%;object-fit:cover}
.profileCard{background:linear-gradient(180deg,#1c1c1c,#161616);border:1px solid var(--border);border-radius:18px;padding:20px;margin:-50px 14px 14px;text-align:center;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:2}
.profileCard.vipVisual{border-color:rgba(227,181,74,.3);box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(227,181,74,.15)}
.profile .pHead{padding:0;text-align:center;position:relative}
.profile .pAvatar{width:120px;height:120px;border:0;margin:0 auto;border-radius:50%;background:var(--card);overflow:hidden;box-shadow:none;color:var(--muted)}
.profile .pAvatar.role-vip{box-shadow:0 0 0 2px rgba(227,181,74,.52),0 0 18px rgba(227,181,74,.28)}
.profile .pAvatar.role-artist,.profile .pAvatar.role-media,.profile .pAvatar.role-famous{box-shadow:0 0 0 2px rgba(243,210,122,.58),0 0 20px rgba(243,210,122,.3)}
.profile .pAvatar.role-moderator{box-shadow:0 0 0 2px rgba(159,181,194,.55),0 0 17px rgba(159,181,194,.26)}
.profile .pAvatar.role-owner{box-shadow:0 0 0 2px rgba(243,210,122,.7),0 0 22px rgba(243,210,122,.34)}
.profile .pAvatar img{width:100%;height:100%;object-fit:cover}
.profileRoleLabel{display:inline-flex;margin-top:5px;font-size:11px;font-weight:900;line-height:1;color:var(--muted)}
.profileRoleLabel.vip{color:#e3b54a}.profileRoleLabel.artist,.profileRoleLabel.media,.profileRoleLabel.famous{color:#f3d27a}.profileRoleLabel.moderator{color:#9fb5c2}.profileRoleLabel.owner{color:#f3d27a}
.profile h2{margin-top:14px;font-size:22px;display:flex;align-items:center;gap:8px;justify-content:center;color:var(--gold)}
.profile .uname{color:var(--muted);font-size:14px;margin-top:4px}
.profile .bio{margin:10px 0;font-size:14px;color:#ccc}
.profile .stats{display:flex;justify-content:space-around;gap:16px;margin:18px 0 4px;font-size:12px;color:#aaa;padding:14px 12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.profile .stats > div{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;cursor:pointer;transition:.12s;padding:4px 8px;border-radius:8px}
.profile .stats > div:hover{background:rgba(227,181,74,.08)}
.profile .stats b{color:#fff;font-size:18px;font-weight:800;display:block}
.profile .stats span{color:#aaa;font-size:12px;font-weight:500}

/* VIP Ribbon Badge — like reference image */
.vipRibbon{display:inline-flex;align-items:center;justify-content:center;background:var(--gold-grad);color:#000;padding:8px 28px;border-radius:8px;font-weight:900;font-size:18px;letter-spacing:2px;margin:12px auto;position:relative;box-shadow:0 4px 16px rgba(227,181,74,.4);text-shadow:0 1px 0 rgba(255,255,255,.3)}
.vipRibbon::before,.vipRibbon::after{content:"";position:absolute;top:50%;width:14px;height:14px;background:var(--gold);transform:translateY(-50%) rotate(45deg)}
.vipRibbon::before{left:-7px}
.vipRibbon::after{right:-7px}

.benefits{text-align:right;margin-top:14px}
.benefits h4{color:var(--gold);font-size:14px;margin-bottom:10px;font-weight:700}
.benefits .item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:#ddd}
.benefits .item::before{content:"✓";color:var(--gold);font-weight:900;font-size:16px}
.editMediaGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.editMediaPick{border:1px dashed rgba(227,181,74,.35);background:rgba(227,181,74,.05);border-radius:12px;padding:12px;cursor:pointer;color:var(--muted);font-size:13px}
.editMediaPick b{display:block;color:var(--gold);margin-bottom:4px}
.editProfileModal{max-width:560px}
.editTabs{display:flex;gap:8px;margin-bottom:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:5px}
.editTab{flex:1;padding:9px 10px;border-radius:9px;color:var(--muted);font-weight:800;background:transparent}
.editTab.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000}
.editPane.hidden{display:none}
.editProfileHero{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;margin-bottom:14px}
.editAvatarPreview{width:96px;height:96px;border-radius:50%;background:var(--card2);border:2px solid rgba(227,181,74,.35);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:900;font-size:32px}
.editAvatarPreview img{width:100%;height:100%;object-fit:cover}
.editCoverPreview{height:150px;border-radius:14px;background:linear-gradient(135deg,#202020,#111);border:1px solid rgba(255,255,255,.08);overflow:hidden;margin-top:8px;position:relative}
.editCoverPreview img{width:100%;height:100%;object-fit:cover}
.editPhotoBtn{position:absolute;bottom:10px;inset-inline-end:10px;background:rgba(0,0,0,.7);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:7px 12px;font-weight:800;font-size:12px}
.editPhotoInlineBtn{margin-top:8px;width:96px;min-height:34px;border-radius:14px;border:1px solid rgba(227,181,74,.30);background:rgba(227,181,74,.08);color:var(--gold);font-size:11px;font-weight:900;line-height:1.2}
.editPhotoInlineBtn.coverPick{width:auto;padding:8px 12px}
.avatar.liveRoomAvatar,.profile .pAvatar.liveRoomAvatar{position:relative!important;overflow:visible!important;outline:0!important}
.avatar.liveRoomAvatar::before,.profile .pAvatar.liveRoomAvatar::before{content:'';position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,#ff2d55 0deg,#ff3b30 58deg,#ffb100 118deg,#e3b54a 178deg,#ff2d55 242deg,#ffb100 304deg,#ff2d55 360deg);animation:algLiveRingSpin 2.4s linear infinite;z-index:-1;box-shadow:0 0 14px rgba(255,45,85,.48),0 0 18px rgba(227,181,74,.35)}
.avatar.liveRoomAvatar::after,.profile .pAvatar.liveRoomAvatar::after{content:'';position:absolute;inset:-1px;border-radius:50%;border:2px solid rgba(10,10,10,.88);z-index:-1}
.liveRoomJump{position:absolute;left:3px;bottom:3px;width:11px;height:11px;min-width:0;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:radial-gradient(circle,#ff3b30 0 42%,#e3b54a 58%,#ff2d55 100%);color:transparent!important;font-size:0!important;line-height:0;display:block;padding:0;z-index:9;box-shadow:0 0 8px rgba(255,45,85,.65),0 0 8px rgba(227,181,74,.42);cursor:pointer;pointer-events:auto!important}
.liveRoomJump:active{transform:scale(.88)}
.story.liveRoomStory{position:relative;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.story.liveRoomStory>div:first-child{position:relative;z-index:1}
.story.liveRoomStory::before{content:'';position:absolute;top:-4px;left:50%;width:74px;height:74px;transform:translateX(-50%);border-radius:50%;background:conic-gradient(from 0deg,#ff2d55 0deg,#ff3b30 55deg,#ffb100 112deg,#e3b54a 168deg,#ff2d55 235deg,#ffb100 300deg,#ff2d55 360deg);animation:algLiveRingStorySpin 2.6s linear infinite;box-shadow:0 0 18px rgba(255,45,85,.50),0 0 18px rgba(227,181,74,.35);z-index:0}
.story.liveRoomStory::after{content:'';position:absolute;top:1px;left:50%;width:64px;height:64px;transform:translateX(-50%);border-radius:50%;border:3px solid var(--bg);z-index:0}
.story.liveRoomStory.viewed{background:transparent!important}
.story.liveRoomStory .liveBadge{display:none!important}
@keyframes algLiveRingSpin{to{transform:rotate(360deg)}}
@keyframes algLiveRingStorySpin{to{transform:translateX(-50%) rotate(360deg)}}

.profilePrivacyToggle{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(227,181,74,.20);background:rgba(227,181,74,.045);border-radius:14px;padding:11px 12px;margin-top:8px}
.profilePrivacyToggle .txt{font-weight:800;color:#eee;font-size:13px}
.profilePrivacyToggle .hint{font-size:11px;color:#888;margin-top:3px;line-height:1.5}
.profilePrivacyToggle input{width:42px;height:22px;accent-color:var(--gold);flex:0 0 auto}
#activeRoom .liveRoomAvatar,#activeRoom .liveRoomJump{display:initial!important}
#activeRoom .liveRoomAvatar{box-shadow:inherit!important;outline:inherit!important}
#activeRoom .liveRoomAvatar::before,#activeRoom .liveRoomAvatar::after,#activeRoom .liveRoomJump{display:none!important;content:none!important}

.editSection{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:14px;padding:12px;margin-top:12px}
.editSectionTitle{color:var(--gold);font-weight:900;font-size:13px;margin-bottom:10px}
.editGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.editHint{color:var(--muted);font-size:11px;line-height:1.7;margin-top:8px}
.editPasswordRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vipPlansInline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.vipPlanInline{border:1px solid rgba(227,181,74,.35);background:linear-gradient(180deg,rgba(227,181,74,.09),rgba(255,255,255,.02));border-radius:14px;padding:12px;text-align:right}
.vipPlanInline h4{color:var(--gold);font-size:15px;margin-bottom:8px}
.vipPlanInline .price{font-size:22px;font-weight:900;color:#fff;margin-bottom:4px}
.vipPlanInline .days{font-size:12px;color:var(--muted);margin-bottom:10px}
.vipPlanInline ul{list-style:none;padding:0;margin:0 0 10px;color:#ccc;font-size:12px;line-height:1.9}
@media(max-width:520px){.editMediaGrid,.vipPlansInline,.editGrid,.editPasswordRow,.editProfileHero{grid-template-columns:1fr}.editAvatarPreview{margin:auto}}

.pActs{display:flex;gap:9px;justify-content:center;margin-top:12px;flex-wrap:wrap;padding:0;position:relative;width:100%}
/* 🆕 القائمة المنسدلة في البروفايل الشخصي */
#ownProfileMenu{flex-basis:100%}
#ownProfileMenu .profileMenuItem:hover{background:rgba(227,181,74,.08)}
.androidDownload{padding:0 14px;margin-top:12px}
.androidDownload .profileBtn{max-width:360px;margin:0 auto}
.profileBtn{
  flex:1;
  padding:8px 14px;
  border-radius:10px;
  background:var(--card2);
  color:#fff;
  font-weight:700;
  font-size:13px;
  border:1px solid rgba(255,255,255,.1);
  cursor:pointer;
  transition:.15s;
  white-space:nowrap;
  font-family:inherit;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.profileBtn:hover{background:rgba(255,255,255,.1)}
.profileBtn.primary{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;
  border-color:var(--gold);
  font-weight:800;
}
.profileBtn.primary:hover{filter:brightness(1.08)}
.profileBtn.following{
  background:var(--card2);
  color:#fff;
  border-color:rgba(227,181,74,.25);
}
.profileBtn.iconOnly{
  flex:0 0 36px;
  width:36px;
  padding:0;
  font-size:18px;
}
.profileMenuItem{
  display:flex;align-items:center;gap:12px;
  padding:14px 18px;
  cursor:pointer;
  color:#fff;
  font-size:14px;
  font-weight:600;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:.12s;
}
.profileMenuItem:last-child{border-bottom:none}
.profileMenuItem:hover{background:rgba(227,181,74,.1)}
.pActs button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}
.moderationCenter{margin-top:14px;padding:12px;border:1px solid rgba(227,181,74,.22);border-radius:14px;background:rgba(255,255,255,.03);text-align:right}
.moderationHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.moderationTitle{color:var(--gold);font-weight:900;font-size:15px}
.modReport{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.18);margin-top:8px}
.modReportTop{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;font-size:13px;font-weight:800}
.modReportMeta{color:var(--muted);font-size:11px;margin-top:4px;line-height:1.7}
.modReportDetails{color:#ddd;font-size:12px;margin-top:8px;line-height:1.7}
.modActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.modActions button{background:var(--card2);border:1px solid var(--border);color:#fff;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800}
.modActions button.warn{color:#ff7676;border-color:rgba(255,118,118,.35)}
.modTabs{display:flex;gap:6px;overflow:auto;margin:8px 0 10px;padding-bottom:2px}
.modTab{white-space:nowrap;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--muted);border-radius:18px;padding:7px 10px;font-size:12px;font-weight:800}
.modTab.active{color:#000;background:linear-gradient(135deg,var(--gold),var(--gold2));border-color:transparent}
.supportBubble{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06);margin:6px 0;line-height:1.7;font-size:13px;color:#fff}
.supportBubble.support{background:rgba(227,181,74,.13);border:1px solid rgba(227,181,74,.22)}
.call-badge{position:absolute;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid #0b0b0b;z-index:5}
.reaction-float{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;line-height:1;pointer-events:none;z-index:20;text-shadow:0 3px 10px rgba(0,0,0,.75);-webkit-animation:reactionProfileFloat 2s ease-out forwards;animation:reactionProfileFloat 2s ease-out forwards}
.listenerAvatar .reaction-float{font-size:25px}
@-webkit-keyframes reactionProfileFloat{0%{opacity:0;-webkit-transform:translate(-50%,-35%) scale(.55)}14%{opacity:1;-webkit-transform:translate(-50%,-55%) scale(1.18)}72%{opacity:1;-webkit-transform:translate(-50%,-78%) scale(1)}100%{opacity:0;-webkit-transform:translate(-50%,-112%) scale(.82)}}
@keyframes reactionProfileFloat{0%{opacity:0;transform:translate(-50%,-35%) scale(.55)}14%{opacity:1;transform:translate(-50%,-55%) scale(1.18)}72%{opacity:1;transform:translate(-50%,-78%) scale(1)}100%{opacity:0;transform:translate(-50%,-112%) scale(.82)}}
.reactionPicker{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:rgba(0,0,0,.92);border:1px solid rgba(227,181,74,.28);border-radius:26px;padding:7px;z-index:2000;box-shadow:0 14px 32px rgba(0,0,0,.5)}
.reactionPicker button{border:0;background:transparent;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer}
.reactionPicker button:active{transform:scale(1.15)}

/* ===== Profile tabs + content (تصميم محدّث فاخر) ===== */
.profile .cover{height:180px;background:linear-gradient(135deg,var(--card),var(--card2))}
.profileCard{background:linear-gradient(180deg,var(--card),var(--surface));border:1px solid var(--border);box-shadow:0 8px 32px rgba(0,0,0,.55)}
.profileCard.vipVisual{border-color:rgba(227,181,74,.3);box-shadow:0 8px 32px rgba(0,0,0,.55),inset 0 1px 0 rgba(227,181,74,.18)}

.pTabs{display:flex;gap:0;margin:0 0 2px;padding:0 8px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:3}
.pTab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 2px 9px;
  background:none;border:none;color:var(--muted);font-size:10.5px;font-weight:600;cursor:pointer;position:relative}
.pTab.active{color:var(--gold)}
.pTab.active::after{content:'';position:absolute;bottom:-1px;left:15%;right:15%;height:2.5px;border-radius:3px;background:var(--gold-grad)}
.pTab svg{opacity:.9}

.pTabContent{padding:12px 12px 30px}
.pTabPane.hidden{display:none}

.pVideosGrid,.pGiftsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pVideoCard{position:relative;aspect-ratio:9/14;border-radius:10px;overflow:hidden;background:var(--card2);cursor:pointer}
.pVideoCard img{width:100%;height:100%;object-fit:cover}
.pvViews{position:absolute;bottom:6px;right:6px;font-size:11px;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.pGiftCard{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 6px;display:flex;flex-direction:column;align-items:center;gap:6px}
.pGiftCard .pgEmoji{font-size:30px}
.pGiftCard .pgName{font-size:11px;color:var(--text2)}

.pAboutBox{display:flex;flex-direction:column;gap:2px}
.pAboutRow{display:flex;justify-content:space-between;gap:12px;padding:13px 4px;border-bottom:1px solid var(--border)}
.pAboutKey{color:var(--muted);font-size:13px}
.pAboutVal{color:var(--text);font-size:13px;font-weight:600;text-align:left;flex:1}

/* ===== أزرار البروفايل المدمجة (إنستقرام ستايل) ===== */
.profileMainActions.ig, .profileVisitorActions.ig{
  display:flex; gap:7px; width:100%; padding:0 2px;
}
.igBtn{
  flex:1; padding:8px 10px; border-radius:9px; font-size:13px; font-weight:700;
  background:var(--card2); border:1px solid var(--border2); color:var(--gold);
  cursor:pointer; font-family:inherit; transition:.12s; white-space:nowrap;
  display:flex; align-items:center; justify-content:center; gap:5px; min-height:34px;
}
.igBtn:active{ transform:scale(.97); }
.igBtn.primary{ background:var(--gold-grad); border-color:transparent; color:#1a1510; }
.igBtn.following{ background:var(--card2); color:var(--text2); }
.igBtn.iconBtn{ flex:0 0 auto; width:38px; padding:0; color:var(--gold); }

/* ===== شيت الإعدادات (إنستقرام ستايل) ===== */
.igSettingsSheet{ position:fixed; inset:0; z-index:1600; }
.igsBackdrop{ position:absolute; inset:0; background:rgba(0,0,0,.55); opacity:0; transition:opacity .25s; }
.igSettingsSheet.open .igsBackdrop{ opacity:1; }
.igsPanel{
  position:absolute; left:0; right:0; bottom:0; max-height:88vh; overflow-y:auto;
  background:var(--elev); border-radius:22px 22px 0 0; box-shadow:0 -12px 44px rgba(0,0,0,.6);
  transform:translateY(100%); transition:transform .28s cubic-bezier(.2,.9,.3,1);
  max-width:560px; margin:0 auto; padding-bottom:calc(env(safe-area-inset-bottom,0px)+20px);
}
.igSettingsSheet.open .igsPanel{ transform:translateY(0); }
.igsHandle{ width:42px; height:4px; background:var(--border2); border-radius:3px; margin:10px auto 6px; }
.igsHead{ display:flex; align-items:center; justify-content:space-between; padding:8px 18px 14px; border-bottom:1px solid var(--border); position:sticky; top:0; background:var(--elev); z-index:2; }
.igsHead h3{ color:var(--gold); font-size:16px; }
.igsClose{ background:none; border:none; color:var(--muted); font-size:24px; cursor:pointer; }
.igsBody{ padding:8px 14px; }
.igsGroup{ margin:14px 0; }
.igsGroupTitle{ color:var(--muted); font-size:12px; font-weight:700; margin:0 4px 8px; }
.igsGroupTitle:empty{ display:none; }
.igsItem{
  display:flex; align-items:center; gap:14px; width:100%; padding:14px 14px; margin-bottom:6px;
  background:var(--card); border:1px solid var(--border); border-radius:14px;
  color:var(--text); font-size:14.5px; cursor:pointer; font-family:inherit; text-align:right;
}
.igsItem:active{ background:var(--card2); }
.igsItem.danger{ color:var(--danger); }
.igsIc{ font-size:19px; width:24px; text-align:center; flex-shrink:0; }
.igsLabel{ flex:1; }
.igsArrow{ color:var(--muted); font-size:18px; }

/* تبويب الإجراء (إنشاء إعلان) - مميّز قليلاً */
.pTab.pTabAction{ color:var(--gold); }
.pTab.pTabAction:active{ transform:scale(.94); }

/* شارة ID بجانب اسم المستخدم */
.pIdBadge{ display:inline-block; background:rgba(227,181,74,.14); border:1px solid rgba(227,181,74,.4); color:var(--gold,#e3b54a); font-size:11px; font-weight:800; padding:2px 8px; border-radius:10px; margin-right:6px; letter-spacing:.3px; }

/* شارة رتبة الداعم */
.supporterRankBadge{ display:inline-block; background:rgba(0,0,0,.3); border:1.5px solid var(--rank-color,#e3b54a); color:var(--rank-color,#e3b54a); font-size:12px; font-weight:900; padding:3px 12px; border-radius:14px; margin-top:6px; box-shadow:0 0 12px color-mix(in srgb, var(--rank-color,#e3b54a) 30%, transparent); }
/* عدّاد الهدايا (تيك توك/سول تشيل) */
.giftCounter{ display:flex; gap:10px; justify-content:center; margin:12px 0 4px; }
.giftCounterItem{ display:flex; flex-direction:column; align-items:center; gap:2px; background:linear-gradient(135deg,rgba(227,181,74,.12),rgba(227,181,74,.04)); border:1px solid rgba(227,181,74,.3); border-radius:14px; padding:8px 18px; min-width:80px; }
.giftCounterItem .gcIcon{ font-size:18px; }
.giftCounterItem b{ color:var(--gold,#e3b54a); font-size:16px; font-weight:900; }
.giftCounterItem span{ color:var(--muted,#867c6a); font-size:11px; }