/* v24 — صفحة «حسابي» بتصميم احترافي */
.profile-panel.pro{padding:0 0 120px;text-align:center;background:#0B0A1F;min-height:100vh}
.pp-cover{height:150px;position:relative;background:radial-gradient(120% 140% at 85% 0%,#FF2D7A66 0%,transparent 55%),radial-gradient(120% 140% at 10% 10%,#22D3EE55 0%,transparent 55%),linear-gradient(160deg,#2A1650,#0B0A1F)}
.pp-cover:after{content:'';position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#0B0A1F)}
.pp-gear{position:absolute;top:86px;left:14px;z-index:2;width:38px;height:38px;border-radius:19px;background:#00000059;display:grid;place-items:center;color:#fff;backdrop-filter:blur(8px)}
.pp-top{position:relative;z-index:1;margin-top:-58px;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:6px}
.pp-av{width:104px;height:104px;border-radius:52px;padding:3px;background:conic-gradient(from 200deg,#FF2D7A,#8B5CF6,#22D3EE,#FF2D7A);box-shadow:0 10px 30px #FF2D7A33}
.pp-av.gold{background:conic-gradient(from 200deg,#FACC15,#F59E0B,#FDE68A,#FACC15)}
.pp-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #0B0A1F;background:#13112C}
.pp-top h2{margin:6px 0 0;font-size:22px;font-weight:800}
.pp-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;color:#ffffffa6;font-size:13px}
.pp-sub .id-chip{transform:scale(.82);margin:-6px -8px}
.pp-top .lvl-chip{transform:scale(.9)}
.pp-top .bio{margin:4px 0 0;font-size:13px;color:#ffffffcc;max-width:320px;line-height:1.7}
.pp-addbio{font-size:12px;color:#67E8F9;padding:4px 10px;border-radius:12px;background:#22D3EE14}
.pp-stats{display:flex;align-items:center;justify-content:space-around;margin:16px 16px 0;padding:14px 8px;border-radius:20px;background:#ffffff0a;border:1px solid #ffffff12}
.pp-stats div{display:flex;flex-direction:column;gap:2px;flex:1}
.pp-stats b{font:800 19px Poppins,Cairo,sans-serif}
.pp-stats small{font-size:12px;color:#ffffff99}
.pp-stats i{width:1px;height:28px;background:#ffffff1a}
.pp-btns{display:flex;gap:8px;margin:12px 16px 0}
.pp-main{flex:1.4;height:44px;border-radius:14px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);font-weight:800;font-size:14px}
.pp-sec{flex:1;height:44px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff1f;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:13px}
.pp-ico{width:44px;height:44px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff1f;display:grid;place-items:center}
.pp-points{display:flex;align-items:center;gap:8px;margin:10px 16px 0;width:calc(100% - 32px);padding:12px 14px;border-radius:16px;background:linear-gradient(90deg,#FACC1514,#FF2D7A14);border:1px solid #FACC1540;text-align:right}
.pp-points span{color:#FACC15;font-size:18px}.pp-points b{font:800 17px Poppins,sans-serif}.pp-points small{flex:1;color:#ffffffb3;font-size:12px}.pp-points em{font-style:normal;color:#ffffff80}
.pp-tabs{margin:18px 0 0!important;border-bottom:1px solid #ffffff14;display:flex}
.pp-tabs button{flex:1;display:flex!important;align-items:center;justify-content:center;gap:6px;padding:12px 0!important;color:#ffffff80;border-bottom:2px solid transparent}
.pp-tabs button.active{color:#fff;border-color:#fff}
.pp-tabs small{font-size:12px}
.profile-panel.pro #pGrid{padding:2px}
.profile-panel.pro .thumb-grid{gap:2px}
.profile-panel.pro .thumb{border-radius:4px}
.profile-panel.pro #ppMenu{padding:0 16px;text-align:right}
/* صفحة صانع المحتوى الآخر */
.profile-panel:not(.pro) .profile-avatar{box-shadow:0 0 0 3px #0B0A1F,0 0 0 6px #FF2D7A}
/* الاستوديو */
.studio{padding:88px 16px 120px;direction:rtl;display:flex;flex-direction:column;gap:12px}
.st-head{display:flex;align-items:center;gap:10px}.st-head .back-btn{position:static}.st-head h1{flex:1;margin:0;font-size:24px}
.st-qr{height:36px;padding:0 12px;border-radius:12px;background:#ffffff12;font-weight:700}
.st-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.st-cards div{padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid #ffffff12;display:flex;flex-direction:column;gap:4px}
.st-cards small{font-size:12px;color:#ffffff99}.st-cards b{font:800 22px Poppins,Cairo,sans-serif}
.st-box{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff12}
.st-box h3{margin:0 0 10px;font-size:14px}
.st-streak{display:flex;align-items:center;gap:12px}.st-streak>span{font-size:30px}.st-streak div{flex:1;display:flex;flex-direction:column}.st-streak small{font-size:12px;color:#ffffffb3}
.st-post{height:38px;padding:0 14px;border-radius:19px;background:#FF2D7A;font-weight:800;font-size:13px}
.st-chart{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:10px}
.st-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.st-bar i{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(0deg,#8B5CF6,#FF2D7A)}
.st-bar small{font-size:9px;color:#ffffffa6}
.st-row{display:flex;gap:12px;align-items:center;text-align:right}.st-row img,.st-row video{width:64px;height:86px;border-radius:10px;object-fit:cover;background:#13112C}
.st-row div{display:flex;flex-direction:column;gap:4px}.st-row small{font-size:12px;color:#ffffffb3}
.st-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.st-badges div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;background:#ffffff08;opacity:.35;filter:grayscale(1)}
.st-badges div.on{opacity:1;filter:none;background:#FACC1514;border:1px solid #FACC1540}
.st-badges span{font-size:24px}.st-badges small{font-size:10px;text-align:center}
.st-draft{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #ffffff0f}.st-draft div{flex:1;display:flex;flex-direction:column;text-align:right}.st-draft small{font-size:11px;color:#ffffff99}
.st-draft button{height:34px;padding:0 12px;border-radius:12px;background:#ffffff14;font-size:12px;font-weight:700}.st-draft [data-post]{background:#FF2D7A}
.st-list{display:flex;flex-direction:column}
.st-item{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff0f;text-align:right;font-size:13px}.st-item small{color:#ffffff99;white-space:nowrap}
.st-reset{align-self:center}
.st-qrsheet{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.st-qrbox{width:220px;height:220px;padding:10px;border-radius:18px;background:#fff;display:grid;place-items:center}.st-qrbox svg{width:100%;height:100%}
/* الوسوم الرائجة وتحدي الأسبوع وصفحة الوسم */
.trend-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.trend-chips::-webkit-scrollbar{display:none}
.trend-chips button{flex-shrink:0;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:18px;background:#ffffff0f;border:1px solid #ffffff1a;font-size:13px;font-weight:700}
.trend-chips b{font:800 11px Poppins,sans-serif;color:#FF2D7A}.trend-chips small{font-size:11px;color:#ffffff80}
.wk-card{display:flex;align-items:center;gap:12px;margin:12px 0;padding:14px;border-radius:20px;background:linear-gradient(110deg,#FF2D7A33,#8B5CF633 60%,#22D3EE22);border:1px solid #FF2D7A55;text-align:right}
.wk-ico{font-size:32px}.wk-card div{flex:1;display:flex;flex-direction:column;gap:2px}.wk-card small{font-size:11px;color:#FDE68A}.wk-card b{font-size:17px}.wk-card em{font-style:normal;font-size:12px;color:#ffffffbf}
.wk-go{height:38px;padding:0 16px;border-radius:19px;background:#fff;color:#111;font-weight:800}
.wk-badge{display:inline-block;margin-bottom:6px;font-size:11px;font-weight:800;padding:3px 10px;border-radius:10px;background:linear-gradient(90deg,#FACC15,#F59E0B);color:#1a1300}
.tag-page{padding:88px 12px 120px;direction:rtl}.tag-page .back-btn{position:static}
.tag-head{display:flex;align-items:center;gap:12px;margin:10px 4px 12px}.tag-head>span{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);display:grid;place-items:center;font:800 32px Poppins,sans-serif}
.tag-head h2{margin:0}.tag-head small{color:#ffffff99}
.tag-shoot{width:100%;height:46px;border-radius:14px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);font-weight:800;margin-bottom:12px}
.tag-crown{position:absolute;top:6px;right:6px;z-index:2;font-style:normal}
/* الترجمة + أدوات النشر */
.tr-btn{display:inline-block;font-size:12px;font-weight:700;color:#67E8F9;margin:2px 0;padding:0;background:none;text-shadow:0 1px 3px #000}
.tr-out{font-size:13px;color:#fff;background:#00000066;border-radius:10px;padding:6px 10px;margin:4px 0;line-height:1.7}
.up-tools{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.up-tools details{padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff14}
.up-tools summary{cursor:pointer;font-weight:700;font-size:13px}
.trim-row{display:flex;flex-direction:column;gap:8px;margin-top:10px}.trim-row label{display:flex;align-items:center;gap:8px;font-size:12px}.trim-row input{flex:1;accent-color:#FF2D7A}
.up-draft{width:100%;margin-top:8px}
.tag-suggest button.on{background:#FF2D7A33;border-color:#FF2D7A}
/* extras */
.c-emo{display:flex;justify-content:space-around;padding:6px 0;border-top:1px solid #ffffff12}
.c-emo button{font-size:22px;width:36px;height:36px}
.c-reply{display:inline-block;font-size:11px;color:#ffffff99;margin-top:2px;padding:0}
.tour{position:fixed;inset:0;z-index:120;background:#07061Ad9;display:grid;place-items:center;padding:24px;font-family:Cairo,system-ui,sans-serif;direction:rtl}
.tour-card{width:100%;max-width:340px;padding:26px 22px;border-radius:28px;background:linear-gradient(160deg,#2A1650,#13112C);border:1px solid #ffffff1f;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:camUp .3s ease-out}
.tour-card>span{font-size:52px}.tour-card h3{margin:0;font-size:21px}.tour-card p{margin:0;color:#ffffffcc;font-size:14px;line-height:1.8}
.tour-dots{display:flex;gap:6px;margin:6px 0}.tour-dots i{width:8px;height:8px;border-radius:4px;background:#ffffff33}.tour-dots i.on{width:22px;background:#FF2D7A}
.tour-next{width:100%;height:48px;border-radius:24px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);font-weight:800}
.tour-skip{font-size:13px;color:#ffffff99}
@keyframes camUp{from{transform:translateY(40px);opacity:0}}
/* درج الإعدادات ☰ */
.pp-gear{top:calc(88px);right:14px;left:auto}
.pp-drawer{position:fixed;inset:0;z-index:90}
.pp-dback{position:absolute;inset:0;background:#000a;opacity:0;transition:opacity .25s}
.pp-dpanel{position:absolute;top:0;bottom:0;right:0;width:min(86vw,360px);background:#0F0D26;border-left:1px solid #ffffff14;padding:calc(18px + env(safe-area-inset-top)) 14px calc(90px + env(safe-area-inset-bottom));overflow-y:auto;transform:translateX(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);text-align:right}
.pp-drawer.show .pp-dback{opacity:1}.pp-drawer.show .pp-dpanel{transform:none}
.pp-dhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pp-dhead b{font-size:18px}
.pp-dx{width:38px;height:38px;border-radius:19px;background:#ffffff12}
.pp-dpanel .quick-title{display:none}
/* v24: «مباشر» في القائمة السفلية + الرسائل أعلى الشاشة */
.top-acts{display:flex;align-items:center;gap:6px;direction:ltr}
.top-msg{position:relative;width:34px;height:34px;display:grid!important;place-items:center;color:#fff}
.top-msg small{display:none}
.top-msg .notification-dot{position:absolute;top:4px;right:4px}
.nav-live{position:relative}
.nav-live.has .nav-ico{color:#FF2D7A}
.nav-live.has:after{content:'LIVE';position:absolute;top:-2px;left:50%;transform:translateX(-2px);font:800 8px Poppins,sans-serif;background:#E11D48;color:#fff;padding:1px 4px;border-radius:4px}