/* css/base.css */
:root{--bg:#070912;--panel:#111522;--panel2:#171c2c;--text:#f8f9ff;--muted:#a5abbc;--line:#ffffff16;--pink:#ff3f80;--cyan:#49e5d0;--yellow:#ffd166}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,system-ui,sans-serif}body{min-height:100vh;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:active{transform:scale(.96)}.hidden{display:none!important}
.topbar{position:fixed;z-index:10;top:0;left:0;right:0;height:78px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#070912f2 0%,#0709129c 62%,transparent);direction:ltr}.brand{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:800;direction:rtl}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),#6b68ff 90%);color:#071017;box-shadow:0 5px 18px #49e5d044}.beta{font-size:8px;font-weight:600;color:var(--cyan);background:#49e5d014;border:1px solid #49e5d044;border-radius:20px;padding:3px 6px;margin-right:2px}.top-tabs{display:flex;gap:22px;align-self:flex-end;margin:auto;direction:rtl}.tab{padding:9px 3px 7px;color:#a7acba;font-weight:700;font-size:13px;border-bottom:2px solid transparent}.tab.active{color:#fff;border-color:#fff}.icon-btn{width:32px;height:32px;display:grid;place-items:center}.search-glyph,.nav-search{display:block;width:17px;height:17px;border:2px solid #fff;border-radius:50%;position:relative}.search-glyph:after,.nav-search:after{content:'';position:absolute;width:7px;height:2px;background:#fff;transform:rotate(45deg);bottom:-3px;left:-4px;border-radius:2px}.points-pill{position:fixed;z-index:9;top:82px;right:15px;display:flex;align-items:center;gap:5px;background:#101527cc;border:1px solid #ffffff18;border-radius:20px;padding:5px 9px;font-size:11px;backdrop-filter:blur(10px)}.coin{color:var(--yellow);font-size:14px}.points-pill small{color:var(--muted);font-size:9px}
.bottom-nav{position:fixed;z-index:11;bottom:0;left:0;right:0;height:80px;padding:9px 20px calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(transparent,#070912 30%);direction:rtl}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;color:#9da3b5;min-width:48px}.nav-item>span{font-size:24px;line-height:28px}.nav-item small{font-size:10px}.nav-item.active{color:#fff}.nav-search{width:19px;height:19px;margin:4px 0 5px;border-color:currentColor}.nav-search:after{background:currentColor}.notification-dot{position:absolute;top:0;right:10px;width:6px;height:6px;background:var(--pink);border-radius:50%;border:1px solid var(--bg)}.upload-fab{width:58px;height:50px;margin-top:-5px;border-radius:17px;background:linear-gradient(135deg,#fff 0 9%,var(--pink) 9% 91%,#fff 91%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 25px #ff3f8050}.upload-fab b{font-size:27px;line-height:20px}.upload-fab small{font-size:9px}.toast{position:fixed;z-index:50;bottom:98px;left:50%;transform:translateX(-50%) translateY(15px);background:#f8f9ff;color:#10121a;padding:10px 18px;border-radius:22px;font-size:12px;font-weight:600;opacity:0;transition:.25s;pointer-events:none;white-space:nowrap;box-shadow:0 8px 30px #0007}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* css/feed.css */
.feed{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.video-card{height:100vh;min-height:650px;position:relative;scroll-snap-align:start;overflow:hidden;background:#151a28}.video-card video{width:100%;height:100%;object-fit:cover;display:block}.video-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#05060a70 0%,transparent 25%,transparent 48%,#05060af5 100%);pointer-events:none}.video-info{position:absolute;z-index:2;right:17px;left:88px;bottom:103px}.creator{display:flex;align-items:center;gap:9px;font-weight:800;margin-bottom:9px;font-size:14px}.avatar{width:42px;height:42px;border-radius:50%;border:2px solid #fff;object-fit:cover;box-shadow:0 3px 10px #0008}.verified{color:var(--cyan);font-size:14px}.follow-btn{margin-right:4px;color:#fff;border:1px solid #ffffffbb;border-radius:7px;padding:2px 7px;font-size:10px;font-weight:700}.caption{font-size:14px;line-height:1.8;margin:4px 0;color:#fff;text-shadow:0 1px 4px #000}.sound{font-size:12px;color:#f1f2f7;display:flex;gap:6px;align-items:center;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-icon{font-size:15px}.actions{position:absolute;z-index:3;left:14px;bottom:106px;display:flex;flex-direction:column;align-items:center;gap:16px}.action{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;text-shadow:0 1px 4px #000;min-width:38px}.action i{font-style:normal;font-size:29px;line-height:29px}.action.liked i{color:var(--pink);text-shadow:0 0 12px #ff3f8088}.action.bookmarked i{color:var(--yellow)}.ad-badge{position:absolute;z-index:3;top:91px;right:18px;background:var(--yellow);color:#19140b;font-size:10px;font-weight:800;padding:5px 10px;border-radius:20px;box-shadow:0 3px 12px #0005}.ad-visit{position:absolute;z-index:3;bottom:99px;right:17px;left:88px;height:39px;border-radius:12px;background:#fff;color:#13151d;font-size:12px;font-weight:800;box-shadow:0 6px 20px #0005}.progress{position:absolute;z-index:4;bottom:79px;left:0;right:0;height:3px;background:#ffffff3b}.progress i{display:block;width:34%;height:100%;background:#fff;border-radius:0 3px 3px 0}.empty{position:fixed;z-index:4;inset:37% 20px auto;text-align:center;color:var(--muted)}.empty-icon{font-size:42px;color:var(--cyan)}.empty h3{color:#fff;margin:5px 0}.empty p{font-size:12px}

.tap-layer{position:absolute;inset:0;z-index:1}
.mute-btn{position:absolute;z-index:3;top:126px;right:15px;width:36px;height:36px;border-radius:50%;background:#0008;font-size:16px;backdrop-filter:blur(6px)}
.play-hint{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:58px;color:#fffc;opacity:0;pointer-events:none;transition:.2s}
.video-card.paused .play-hint{opacity:1}
.heart-burst{position:absolute;z-index:2;top:45%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:96px;color:var(--pink);pointer-events:none;text-shadow:0 0 30px #ff3f80aa;opacity:0}
.heart-burst.go{animation:burst .8s ease-out}
@keyframes burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{transform:translate(-50%,-50%) scale(1.15);opacity:1}100%{transform:translate(-50%,-80%) scale(1);opacity:0}}
.progress i{width:0;transition:width .25s linear}
.points-pill.bump{animation:bump .4s}
@keyframes bump{50%{transform:scale(1.15)}}

/* css/video-player.css */
/* مشغّل الفيديو */
.video-card video{background:#000}
.mute-btn{transition:transform .15s,background .2s;-webkit-tap-highlight-color:transparent}
.mute-btn:active{transform:scale(.9)}
.mute-btn.on{background:#ff3f80cc}
.video-card.loading:before{content:'';position:absolute;z-index:2;top:50%;left:50%;width:34px;height:34px;margin:-17px;border:3px solid #ffffff33;border-top-color:#fff;border-radius:50%;animation:vpspin .8s linear infinite}
@keyframes vpspin{to{transform:rotate(360deg)}}

/* css/video-retry.css */
/* v19: رسالة التحميل البطيء وزر إعادة المحاولة فوق الفيديو */
.vr-box{position:absolute;z-index:4;top:calc(50% + 34px);left:50%;transform:translateX(-50%);width:min(78%,300px);padding:16px 14px;border-radius:18px;background:#0b0f1ecc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:auto}
.vr-box p{margin:0;font-size:15px;font-weight:600}
.vr-box small{opacity:.7;font-size:12px}
.vr-btn{border:0;border-radius:14px;padding:10px 18px;font:inherit;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff3f80,#3ec9e6);cursor:pointer;-webkit-tap-highlight-color:transparent}
.vr-btn:active{transform:scale(.95)}
.video-card.loading .vr-box p{animation:vrpulse 1.6s ease-in-out infinite}
@keyframes vrpulse{50%{opacity:.55}}
.vr-diag{font:10px/1.4 monospace;opacity:.5;word-break:break-all}

/* css/dm-viewer.css */
/* v19: عارض صور المحادثات الخاصة بشاشة كاملة */
.dmv{position:fixed;inset:0;z-index:9999;background:#000e;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.dmv.show{opacity:1}
.dmv img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pinch-zoom}
.dmv-x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:42px;height:42px;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:20px;cursor:pointer;-webkit-tap-highlight-color:transparent}

/* css/guest-gate.css */
/* v20: نافذة الدخول للزوار */
.gg-wrap{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;background:#05071080;opacity:0;transition:opacity .2s}
.gg-wrap.show{opacity:1}
.gg-card{position:relative;width:100%;max-width:480px;margin:0 auto;padding:26px 20px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:linear-gradient(180deg,#1b1240,#0e1022);color:#fff;text-align:center;box-shadow:0 -10px 40px #0008;transform:translateY(30px);transition:transform .25s}
.gg-wrap.show .gg-card{transform:none}
.gg-x{position:absolute;top:12px;left:12px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:15px}
.gg-gift{font-size:52px;line-height:1;margin-bottom:8px;animation:ggbob 1.6s ease-in-out infinite}
@keyframes ggbob{50%{transform:translateY(-6px) rotate(-6deg)}}
.gg-card h3{margin:0 0 8px;font-size:21px}
.gg-card p{margin:0 0 18px;line-height:1.7;opacity:.92}
.gg-card p b{color:#ffd65c}
.gg-card p small{opacity:.7}
.gg-card button{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer}
.gg-up,.gg-in,.gg-later{display:block;width:100%;border:0;border-radius:16px;padding:14px;font-weight:700;font-size:16px;margin-top:10px}
.gg-up{color:#fff;background:linear-gradient(135deg,#ff3f80,#3ec9e6);box-shadow:0 8px 24px #ff3f8055}
.gg-in{color:#fff;background:#ffffff14;border:1px solid #ffffff2a}
.gg-later{background:none;color:#ffffffa0;font-weight:500;padding:8px}
.gg-up:active,.gg-in:active{transform:scale(.97)}

/* css/sheets.css */
.sheet-backdrop{position:fixed;inset:0;z-index:30;background:#000a;backdrop-filter:blur(4px);animation:fade .2s}.sheet{position:absolute;z-index:31;bottom:0;left:0;right:0;max-height:82vh;overflow:auto;background:linear-gradient(145deg,#1a2030,#111522);border:1px solid #ffffff12;border-bottom:0;border-radius:26px 26px 0 0;padding:12px 18px 30px;box-shadow:0 -12px 50px #000b;animation:rise .25s}.grab{width:42px;height:4px;border-radius:4px;background:#70788b;margin:0 auto 18px}.sheet h3{margin:4px 0 17px;font-size:18px}.sheet p{font-size:12px;line-height:1.8}.sheet-row{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid #ffffff12;cursor:pointer}.sheet-row>span{font-size:22px;width:28px;text-align:center}.sheet-row small{color:var(--muted);display:block;margin-top:3px;font-size:11px}.close{position:absolute;left:18px;top:14px;color:#b0b5c4;font-size:24px}.search-panel,.profile-panel{height:100vh;overflow:auto;padding:94px 18px 105px}.search-panel h2{font-size:24px;margin:0 0 18px}.search-input{width:100%;background:#1c2232;border:1px solid #ffffff16;border-radius:14px;padding:13px 16px;color:#fff;outline:none;font-family:inherit}.search-input:focus{border-color:var(--cyan)}.search-hint{color:var(--muted);font-size:12px;margin-top:22px}.profile-panel{text-align:center}.profile-avatar{width:88px;height:88px;border-radius:50%;border:3px solid var(--cyan);padding:3px}.profile-panel h2{margin:12px 0 0}.profile-panel p{color:var(--muted);font-size:12px}.stats{display:flex;justify-content:center;gap:34px;margin:22px}.stats b,.stats small{display:block}.stats b{font-size:17px}.stats small{color:var(--muted);font-size:10px}.login-btn{width:100%;height:44px;border-radius:12px;background:linear-gradient(100deg,var(--pink),#a855f7);font-weight:800;margin-top:10px}.quick-title{font-size:13px;margin:25px 0 9px;text-align:right}.topic-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.topic-chips button{border:1px solid #ffffff18;background:#1b2131;border-radius:20px;padding:8px 12px;font-size:11px}.suggested{display:flex;gap:10px;overflow:hidden}.suggested>div{min-width:120px;background:#1b2131;border-radius:16px;padding:10px;text-align:center}.suggested img{width:42px;height:42px;border-radius:50%;display:block;margin:0 auto 5px}.suggested b,.suggested small{display:block;font-size:11px}.suggested small{color:var(--muted);font-size:9px}.reward-card{display:flex;align-items:center;text-align:right;gap:10px;background:linear-gradient(100deg,#1d2634,#20203a);border:1px solid #ffffff12;padding:13px;border-radius:15px}.reward-card>span{font-size:25px;color:var(--yellow)}.reward-card b,.reward-card small{display:block}.reward-card small{color:var(--muted);font-size:9px}.reward-card em{margin-right:auto;color:var(--cyan);font-size:10px;font-style:normal}@keyframes fade{from{opacity:0}}@keyframes rise{from{transform:translateY(30px);opacity:.7}}

.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}
.saved-grid video{width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:8px;background:#1b2131}
.daily-bar{height:6px;background:#ffffff14;border-radius:6px;margin-top:6px;overflow:hidden}
.daily-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--yellow))}
.comment-list .sheet-row{cursor:default}
.logout-btn{width:100%;height:40px;border-radius:12px;border:1px solid #ff3f8055;color:var(--pink);margin-top:10px;font-weight:700}
.upload-preview{width:100%;max-height:300px;border-radius:14px;background:#000;margin-top:10px}
.sheet textarea.search-input{min-height:70px;resize:none;margin-top:10px}

/* css/monetization.css */
.business-panel{min-height:100vh;padding:92px 18px 110px;background:radial-gradient(circle at 100% 0,#24344a 0,transparent 35%),#080c17}.business-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:700}.business-panel h2{font-size:24px;margin:7px 0 4px}.business-panel h3{font-size:14px;margin:25px 0 11px}.business-panel p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.business-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),#6d5cff);color:#071017;font-size:25px}.admin-chip{font-size:9px;color:var(--yellow);border:1px solid #ffd16655;padding:5px 8px;border-radius:10px}.revenue-overview,.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.revenue-overview>div,.admin-stats>div{background:#161e2e;border:1px solid #ffffff12;border-radius:16px;padding:14px}.revenue-overview small,.admin-stats small{display:block;color:var(--muted);font-size:10px}.revenue-overview b{display:block;font-size:22px;margin:4px 0}.revenue-overview span{color:var(--cyan);font-size:9px}.plans{display:grid;gap:9px}.plan{position:relative;text-align:right;background:#151d2d;border:1px solid #ffffff15;border-radius:15px;padding:14px;display:flex;flex-direction:column;align-items:flex-start}.plan.selected{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.plan.featured{background:linear-gradient(100deg,#20203b,#182636)}.plan em{position:absolute;left:12px;top:12px;color:var(--yellow);font-style:normal;font-size:9px}.plan b{font-size:13px}.plan strong{font-size:19px;margin-top:2px}.plan small{color:var(--muted);font-size:10px}.primary-business,.secondary-business{width:100%;height:45px;border-radius:13px;font-weight:800;margin-top:16px}.primary-business{background:linear-gradient(100deg,var(--pink),#a855f7)}.secondary-business{border:1px solid #ffffff2a}.business-note{text-align:center;color:var(--muted);font-size:9px;margin-top:12px}.success-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#49e5d022;color:var(--cyan);font-size:34px;margin:34px auto 15px}.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-stats b{display:block;font-size:16px;margin-top:5px}.campaign{display:flex;align-items:center;gap:10px;background:#151d2d;border:1px solid #ffffff12;border-radius:15px;padding:13px;margin-top:10px}.campaign>div{flex:1}.campaign b,.campaign small{display:block}.campaign b{font-size:12px}.campaign small{color:var(--muted);font-size:9px;margin-top:3px}.campaign>strong{text-align:center;font-size:14px}.campaign>strong small{font-weight:400}.live-dot,.paused-dot{font-size:9px;padding:4px 7px;border-radius:8px;background:#49e5d022;color:var(--cyan)}.paused-dot{background:#ffffff12;color:var(--muted)}

/* css/messages.css */
.messages-panel{height:100vh;overflow:auto;padding:94px 18px 105px}
.messages-panel h2{font-size:24px;margin:0 0 14px}
.msg-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}
.msg-tabs button{border:1px solid #ffffff18;background:#1b2131;border-radius:20px;padding:7px 13px;font-size:11px;white-space:nowrap}
.msg-tabs button.active{background:var(--text);color:#10121a;border-color:transparent;font-weight:700}
.msg-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line);cursor:pointer}
.msg-row>div{flex:1;min-width:0}
.msg-row b,.msg-row small{display:block}
.msg-row b{font-size:13px}
.msg-row small{color:var(--muted);font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-row time{color:var(--muted);font-size:10px}
.msg-av{position:relative;flex:none}
.msg-av img{width:46px;height:46px;border-radius:50%;display:block}
.msg-ic{position:absolute;bottom:-2px;left:-2px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-style:normal;border:2px solid var(--bg);background:var(--cyan);color:#071017}
.msg-ic.like{background:var(--pink);color:#fff}
.msg-ic.comment{background:var(--yellow)}
.msg-note{color:var(--muted);font-size:12px;text-align:center;margin-top:24px}

/* css/pages.css */
/* عناصر مشتركة */
.muted{color:var(--muted)}.center{text-align:center}.block{display:block}.mt{margin-top:10px}.tiny{font-size:9px;margin-top:18px}
.inline{display:inline!important;font-weight:400;margin-right:4px}
.ghost-btn{height:40px;padding:0 16px;border-radius:12px;border:1px solid #ffffff2e;font-weight:700;font-size:12px}
.ghost-btn:disabled{opacity:.6}
.login-btn.small{width:auto;height:40px;margin:0;padding:0 16px;font-size:12px}
.grow{flex:1}
.btn-row{display:flex;gap:8px;justify-content:center;margin-top:14px}
.btn-row .login-btn{margin:0}
.back-btn{position:fixed;z-index:12;top:84px;right:14px;width:36px;height:36px;border-radius:50%;background:#0009;font-size:18px;backdrop-filter:blur(6px)}
.back-btn.static{position:static;background:none}
body:not(.on-home) .topbar{background:#070912}
.c-av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none}
.row-input{display:flex;gap:8px;margin-top:14px;position:sticky;bottom:-30px;background:#141a28;padding:8px 0}
.search-input.fake{text-align:right;color:var(--muted);cursor:pointer}

/* تحميل */
.feed-loading{height:100vh;display:grid;place-items:center}
.feed-loading span{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff22;border-top-color:var(--pink);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* بطاقة الفيديو — إضافات */
.avatar-act{position:relative;margin-bottom:4px}
.avatar-act img{width:46px;height:46px;border-radius:50%;border:2px solid #fff;object-fit:cover}
.avatar-act .plus{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:var(--pink);font-style:normal;font-size:14px;line-height:19px;font-weight:800}
.cname{cursor:pointer}
.caption .tag{color:#fff;font-weight:800;cursor:pointer}
.views{color:#ffffffaa;font-size:11px}

/* شبكة المصغرات */
.thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:8px}
.thumb{position:relative;padding:0;border-radius:6px;overflow:hidden;background:#1b2131;aspect-ratio:9/13}
.thumb video,.thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.thumb small{position:absolute;bottom:4px;right:6px;font-size:10px;font-weight:700;text-shadow:0 1px 3px #000}

/* المشغّل بملء الشاشة */
.player{position:fixed;inset:0;z-index:20;background:#000}
.player .feed{height:100vh}
.player .video-card{height:100vh}
.player .video-info{bottom:40px}.player .actions{bottom:40px}.player .progress{bottom:0}.player .ad-visit{bottom:30px}
.player-close{position:fixed;z-index:25;top:18px;right:14px;width:38px;height:38px;border-radius:50%;background:#0009;font-size:16px;backdrop-filter:blur(6px)}

/* رفع */
.tag-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tag-suggest button{font-size:11px;padding:5px 10px;border-radius:14px;background:#1b2131;border:1px solid #ffffff18}
.upload-bar{height:5px;border-radius:5px;background:#ffffff14;overflow:hidden;margin-top:12px}
.upload-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .15s}
.avatar-edit{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.avatar-edit img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--cyan)}
.avatar-edit span{font-size:11px;color:var(--cyan)}

/* الملف الشخصي */
.profile-avatar{object-fit:cover}
.profile-avatar.guest{display:grid;place-items:center;margin:auto;font-size:44px;background:#1b2131;border:3px solid #ffffff22}
.profile-avatar.gold{border-color:var(--yellow);box-shadow:0 0 22px #ffd16666}
.bio{color:#dde!important;font-size:12px!important;margin:6px 0 0}
.badge{font-size:16px}
.p-tabs{display:flex;margin-top:22px;border-bottom:1px solid var(--line)}
.p-tabs button{flex:1;padding:10px 0;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}
.p-tabs button.active{color:#fff;border-color:#fff}
.menu{display:flex;flex-direction:column;background:#141a28;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:right}
.menu button{display:flex;align-items:center;gap:12px;padding:14px;font-size:13px;border-bottom:1px solid var(--line)}
.menu button:last-child{border:0}
.menu button span{width:22px;text-align:center}
.menu .danger{color:var(--pink)}
.suggested{overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.suggested>div,.suggested>button{cursor:pointer;min-width:118px;background:#1b2131;border-radius:16px;padding:10px;text-align:center}
.suggested>button img{width:42px;height:42px;border-radius:50%;display:block;margin:0 auto 5px}
.suggested>button b{display:block;font-size:11px}
.mini-follow{margin-top:7px;width:100%;height:26px;border-radius:8px;background:var(--pink);font-size:10px;font-weight:700}

/* المحادثة */
.chat-panel{height:100vh;display:flex;flex-direction:column;padding:78px 0 80px}
.chat-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.chat-head img{width:38px;height:38px;border-radius:50%}
.chat-head b,.chat-head small{display:block}.chat-head small{color:var(--muted);font-size:10px}
.chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.bubble{max-width:78%;padding:9px 13px;border-radius:18px;font-size:13px;line-height:1.6}
.bubble time{display:block;font-size:9px;opacity:.6;margin-top:2px}
.bubble.me{align-self:flex-start;background:linear-gradient(100deg,var(--pink),#a855f7);border-bottom-right-radius:5px}
.bubble.them{align-self:flex-end;background:#1f2638;border-bottom-left-radius:5px}
.bubble.typing{letter-spacing:3px;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.4}}
.chat-input{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}
.msg-row.unread{background:#ff3f800d}

/* النقاط */
.points-hero{text-align:center;padding:20px 0 6px}
.points-hero small{color:var(--muted);font-size:12px}
.points-hero b{display:block;font-size:44px;color:var(--yellow);line-height:1.2}
.points-hero>span{color:var(--muted);font-size:11px}
.daily-card{display:flex;align-items:center;gap:10px;justify-content:space-between;background:linear-gradient(100deg,#2a1d3a,#1b2a3a);border:1px solid #ffffff14;border-radius:16px;padding:14px;margin-top:16px}
.daily-card b,.daily-card small{display:block}.daily-card small{color:var(--muted);font-size:10px;margin-top:3px}
.week{display:flex;gap:5px;margin-top:10px}
.week span{flex:1;text-align:center;font-size:10px;padding:6px 0;border-radius:9px;background:#161e2e;color:var(--muted)}
.week span.on{background:#ffd16622;color:var(--yellow);font-weight:800}
.earn-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.earn-list>div{background:#151d2d;border:1px solid #ffffff12;border-radius:14px;padding:12px;position:relative}
.earn-list span{font-size:18px;color:var(--cyan)}
.earn-list b{display:block;font-size:12px;margin-top:4px}
.earn-list em{position:absolute;top:10px;left:12px;color:var(--yellow);font-style:normal;font-weight:800;font-size:13px}
.earn-list small{color:var(--muted);font-size:9px}
.daily-bar.big{height:8px;margin-top:10px}
.shop{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shop-item{display:flex;flex-direction:column;align-items:flex-start;text-align:right;background:#151d2d;border:1px solid #ffffff12;border-radius:15px;padding:13px;gap:2px}
.shop-item>span{font-size:24px}.shop-item b{font-size:12px}.shop-item small{color:var(--muted);font-size:9px}
.shop-item em{margin-top:8px;font-style:normal;font-weight:800;font-size:12px;color:var(--yellow)}
.shop-item.owned{border-color:#49e5d055}.shop-item.owned em{color:var(--cyan)}
.log>div{display:flex;align-items:center;gap:8px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:12px}
.log span{flex:1}.log time{color:var(--muted);font-size:10px}.log b{color:var(--cyan);min-width:40px;text-align:left}.log b.neg{color:var(--pink)}

/* المعلن والأدمن */
.clip-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.clip{position:relative;aspect-ratio:9/13;border-radius:10px;overflow:hidden;background:#151d2d;border:2px solid transparent;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}
.clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.clip small{position:absolute;bottom:3px;left:0;right:0;font-size:8px;text-align:center;text-shadow:0 1px 3px #000}
.clip.selected{border-color:var(--cyan)}
.upload-clip span{font-size:24px;color:var(--muted)}
.mini-stats{display:flex;gap:10px;font-size:10px;color:#dde;margin:6px 0 4px}
.c-actions{display:flex;flex-direction:column;align-items:center;gap:6px}
.c-actions button{font-size:14px;width:30px;height:28px;border-radius:8px;background:#ffffff0d}
.admin-stats{grid-template-columns:repeat(3,1fr)!important}
.admin-stats b{font-size:15px!important}
.rank{width:24px;height:24px;border-radius:50%;background:#ffffff12;display:grid!important;place-items:center;font-size:11px}
.campaign .daily-bar{margin-top:2px}

/* css/follow-list.css */
/* v28.34 — قائمة أتابعهم / المتابعون */
.fl-page{min-height:100vh;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 120px;background:#0B0A1F;color:#fff}
.fl-top{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-bottom:4px}
.fl-top h2{margin:0;text-align:center;font:800 17px Cairo,sans-serif;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-back{width:40px;height:40px;border-radius:20px;display:grid;place-items:center;color:#fff;background:#ffffff0f;border:0}
.fl-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ffffff14}
.fl-tabs button{padding:12px 0 11px;background:none;border:0;color:#ffffff73;font:700 15px Cairo,sans-serif;border-bottom:3px solid transparent}
.fl-tabs button.active{color:#fff;border-bottom-color:#FF2D7A}
.fl-tabs small{font-size:13px;color:#ffffffa6;margin-inline-start:4px}
.fl-search{display:flex;align-items:center;gap:8px;margin:14px 0 6px;padding:0 14px;height:44px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff14;color:#ffffff80}
.fl-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:15px Cairo,sans-serif}
.fl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}
.fl-who{display:flex;align-items:center;gap:12px;min-width:0;flex:1;background:none;border:0;color:inherit;text-align:start;padding:0}
.fl-who img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;background:#13112C;border:1px solid #ffffff14}
.fl-who span{display:flex;flex-direction:column;min-width:0}
.fl-who b{font:700 15px Cairo,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-who small{color:#ffffff80;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-act{flex:none;min-width:104px;height:34px;padding:0 14px;border-radius:10px;border:0;background:#ffffff14;color:#fff;font:700 13px Cairo,sans-serif}
.fl-act.fl-go{background:linear-gradient(90deg,#FF2D7A,#3B82F6);color:#fff}
.fl-page .muted{color:#ffffff80}
.pp-link{cursor:pointer}
.pp-link:active{opacity:.6}

/* css/wallet.css */
/* المحفظة وأرباح الصنّاع وطلبات السحب */
.wallet-card{margin:8px 0 6px;padding:22px 20px;border-radius:24px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#3ee6c4 0%,#8b7bff 60%,#ffb547 130%);color:#060a14;box-shadow:0 16px 40px #8b7bff40}
.wallet-card:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;left:-50px;top:-70px;background:#ffffff30}
.wallet-card small{font-weight:700;opacity:.8}
.wallet-card b{display:block;font-size:40px;line-height:1.3;font-weight:800;direction:ltr;text-align:right}
.wallet-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.wallet-sub span{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;background:#ffffff59}
.w-box{padding:14px;border-radius:18px;background:var(--panel2,#161c31);border:1px solid var(--line)}
.w-box p{margin:0 0 10px;font-size:13px;line-height:1.8;color:#dfe3f0}
.w-box small{display:block;margin-top:8px;font-size:11px}
.w-box button:disabled,.wallet button:disabled{opacity:.45;pointer-events:none}
.w-box select.search-input{appearance:none}
.mt{margin-top:8px}
.w-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.w-stats div{padding:10px 8px;border-radius:14px;background:#ffffff0a;text-align:center}
.w-stats small{display:block;font-size:10px;color:var(--muted)}
.w-stats b{font-size:16px;direction:ltr;display:block}
.hl{color:var(--cyan)}
.w-status{font-size:11px;font-weight:800;padding:4px 10px;border-radius:10px;white-space:nowrap}
.s-wait{background:#ffb54722;color:var(--amber,#ffb547)}
.s-paid{background:#3ee6c422;color:var(--cyan)}
.s-no{background:#ff7a5922;color:var(--pink)}
.split{padding:14px;border-radius:18px;background:#ffffff08;border:1px solid var(--line)}
.split p{margin:10px 0 0;font-size:12px;line-height:1.9;color:#cfd4e4}
.split-bar{display:flex;height:12px;border-radius:8px;overflow:hidden}
.split-bar i{background:linear-gradient(90deg,var(--violet,#8b7bff),#a99dff)}
.split-bar em{background:linear-gradient(90deg,var(--cyan),#a8f5e5)}
.wallet-empty{text-align:center;padding:60px 10px}
.wallet-empty span{font-size:54px}
.wallet-empty p{color:var(--muted);font-size:13px}
.wallet-link{display:flex;align-items:center;justify-content:space-between;width:100%;margin:10px 0;padding:14px 16px;border-radius:18px;
  background:linear-gradient(135deg,#3ee6c41f,#8b7bff26);border:1px solid #3ee6c444;font-weight:800}
.wallet-link small{color:var(--cyan);font-weight:700}

/* css/economy.css */
/* خطة الربح — صفحة «الكل رابح» وشريط التقسيم وصحة الصندوق */
.eco-hero{margin:8px 0 4px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#3ee6c426,#ff5d8f26);border:1px solid #3ee6c444}
.eco-hero h2{margin:4px 0 6px}
.eco-hero p{margin:0;font-size:13px;line-height:1.9;color:#dfe3f0}
.eco-box{padding:14px;border-radius:18px;background:#ffffff08;border:1px solid var(--line)}
.eco-bar{display:flex;height:14px;border-radius:8px;overflow:hidden;gap:2px}
.eco-bar i,.eco-legend b{background:var(--c)}
.eco-bar .v,.eco-legend .v{--c:var(--cyan,#3ee6c4)}
.eco-bar .c,.eco-legend .c{--c:var(--pink,#ff5d8f)}
.eco-bar .r,.eco-legend .r{--c:var(--amber,#ffb547)}
.eco-bar .p,.eco-legend .p{--c:var(--violet,#8b7bff)}
.eco-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:10px;font-size:12px;color:#cfd4e4}
.eco-legend span{display:flex;align-items:center;gap:6px}
.eco-legend b{width:10px;height:10px;border-radius:3px;flex:none}
.eco-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.eco-card{padding:14px 12px;border-radius:18px;background:var(--panel2,#161c31);border:1px solid var(--line)}
.eco-card span{font-size:26px}
.eco-card>b{display:block;margin:4px 0;font-size:14px}
.eco-card p{margin:0;font-size:12px;line-height:1.8;color:#cfd4e4}
.eco-rules{margin:0;padding:0 18px 0 0;font-size:12.5px;line-height:1.9;color:#dfe3f0}
.eco-rules li{margin-bottom:6px}
.eco-link{display:block;width:100%;margin-top:10px;padding:10px;border-radius:14px;background:#ffffff0a;border:1px solid var(--line);color:var(--cyan,#3ee6c4);font-weight:800;font-family:inherit}
.eco-health{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;font-size:12.5px;font-weight:700;border:1px solid var(--line)}
.eco-health.ok{background:#3ee6c41a;color:var(--cyan,#3ee6c4)}
.eco-health.warn{background:#ffb5471a;color:var(--amber,#ffb547)}
.eco-health.bad{background:#ff5d8f1a;color:var(--pink,#ff5d8f)}
.eco-health i{width:10px;height:10px;border-radius:50%;background:currentColor;flex:none}
.eco-sum{margin:10px 0 0;font-size:12px;line-height:1.9;color:#cfd4e4}
.eco-health.demo{background:#8b7bff1a;color:var(--violet,#8b7bff)}

/* css/levels.css */
/* المستويات */
.lvl-chip{display:inline-flex;align-items:center;gap:4px;margin:8px auto 0;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:800;background:linear-gradient(135deg,#ff2d8726,#38d1ec26);border:1px solid #ffffff1f;color:#fff}
.lvl-card{padding:16px;border-radius:20px;background:linear-gradient(135deg,#ff2d8722,#7b4dff22 60%,#38d1ec22);border:1px solid #ffffff1c}
.lvl-top{display:flex;align-items:center;gap:12px}
.lvl-ico{font-size:34px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ffffff12}
.lvl-top b{display:block;font-size:15px}
.lvl-top small{color:var(--muted);font-size:11px}
.lvl-bar{height:9px;border-radius:9px;background:#ffffff14;margin:12px 0 8px;overflow:hidden}
.lvl-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.lvl-perk{font-size:11px;color:#e3defa}

/* css/gifts.css */
/* الهدايا */
.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.gift{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff14;transition:.15s}
.gift:active{background:#ff2d8726;border-color:var(--pink)}
.gift span{font-size:34px;line-height:1.1}
.gift b{font-size:12px}
.gift em{font-style:normal;font-size:11px;color:var(--amber);font-weight:800}
.gift-foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}
.gift-foot b{color:#fff}
.gift-burst{position:fixed;inset:0;z-index:60;pointer-events:none}
.gift-burst span{position:absolute;left:50%;bottom:30%;font-size:44px;transform:translateX(var(--x));animation:giftUp 1.5s var(--d) ease-out both}
@keyframes giftUp{0%{opacity:0;transform:translate(var(--x),40px) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x) * 1.6),-360px) scale(1.3) rotate(18deg)}}

/* فئات الهدايا + تأثيرات حسب قيمة الهدية */
.gift-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:10px}
.gift-tabs::-webkit-scrollbar{display:none}
.gift-tabs button{flex:none;padding:7px 14px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff18;font-size:12px;font-weight:700;color:#cfd4e4;font-family:inherit}
.gift-tabs button.active{background:linear-gradient(135deg,var(--pink),#ff6aa9);color:#fff;border-color:transparent}
.gift-grid{max-height:44vh;overflow-y:auto}
.gift[hidden]{display:none}
.gift.big{border-color:#ffb54755;background:linear-gradient(160deg,#ffb5471a,#ffffff08)}
.gift.epic{border-color:#8b7bff88;background:linear-gradient(160deg,#8b7bff33,#ff5d8f22);box-shadow:0 0 18px #8b7bff33}
.gift.epic span{animation:giftGlow 1.8s ease-in-out infinite}
@keyframes giftGlow{50%{transform:scale(1.12);filter:drop-shadow(0 0 8px #fff8)}}
.gift-burst.big span{font-size:56px}
.gift-burst.epic{background:radial-gradient(circle at 50% 45%,#8b7bff44,#000a 70%);animation:epicBg 3.2s ease both}
.gift-burst.epic span{font-size:62px}
@keyframes epicBg{0%,100%{opacity:0}10%,85%{opacity:1}}
.gift-hero{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;animation:heroIn 1.9s ease both}
.gift-burst.epic .gift-hero{animation-duration:3.2s}
.gift-hero span{position:static!important;display:block;font-size:110px!important;animation:none!important;transform:none!important}
.gift-hero b{display:inline-block;margin-top:6px;padding:6px 16px;border-radius:16px;background:#000a;color:#fff;font-size:16px}
@keyframes heroIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}25%{transform:translate(-50%,-50%) scale(1)}85%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1.1)}}

/* ===== v22: صور الهدايا + الكمية + العداد (من قسم الهدايا في «تواصل») ===== */
.gift .g-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px #0007)}
.gift .g-img.ph{border-radius:14px;object-fit:cover}
.gift .g-img.flag{width:52px;height:36px;border-radius:5px;object-fit:cover;box-shadow:0 2px 8px #0008}
.gift.epic .g-img{animation:giftGlow 1.8s ease-in-out infinite}
.gift-qty{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;font-size:12px;color:var(--muted)}
.gift-qty button{padding:5px 12px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff18;color:#fff;font-weight:800;font-size:12px}
.gift-qty button.on{background:linear-gradient(135deg,var(--pink),var(--violet,#7b4dff));border-color:transparent}
.gift-burst .gb-img{width:48px;height:48px;object-fit:contain}
.gift-hero .hero-img{display:block;width:150px;height:150px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 10px 30px #ff2d8766)}
.gift-hero .hero-img.ph{border-radius:30px;object-fit:cover;box-shadow:0 10px 40px #0009}
.gift-combo{position:absolute;left:50%;top:22%;transform:translateX(-50%);font:900 46px Poppins,Cairo,sans-serif;color:#fff;
  text-shadow:0 0 18px var(--pink),0 4px 10px #000;animation:comboPop .5s cubic-bezier(.2,1.6,.4,1) both}
@keyframes comboPop{0%{transform:translateX(-50%) scale(2.2);opacity:0}100%{transform:translateX(-50%) scale(1);opacity:1}}

/* css/missions.css */
/* مركز الربح والمهام */
.hub-head{display:flex;align-items:flex-end;justify-content:space-between;margin:6px 0 14px}
.hub-head h2{margin:2px 0 0}
.hub-pts{text-align:center;padding:8px 14px;border-radius:16px;background:#ffb5471a;border:1px solid #ffb54744}
.hub-pts b{display:block;font-size:22px;color:var(--amber)}
.hub-pts small{font-size:10px;color:var(--muted)}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.hub-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff14;text-align:right}
.hub-grid span{font-size:26px}
.hub-grid b{font-size:14px}
.hub-grid small{font-size:11px;color:var(--cyan)}
.ad-reward{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#ff2d8726,#7b4dff26);border:1px solid #ff2d8744}
.ad-reward b{display:block;font-size:14px}
.ad-reward small{color:var(--muted);font-size:11px}
.primary-business.small{width:auto;padding:0 18px;height:40px;margin:0}
.missions{display:flex;flex-direction:column;gap:8px}
.mission,.all-bonus{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff12}
.mission.done{opacity:.6}
.m-ico,.all-bonus>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#ffffff10;font-size:18px;flex:none}
.m-body{flex:1;min-width:0}
.m-body b{display:block;font-size:13px}
.m-body small{font-size:10px;color:var(--muted)}
.m-bar{height:6px;border-radius:6px;background:#ffffff14;margin:6px 0 3px;overflow:hidden}
.m-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.m-btn{min-width:58px;height:36px;border-radius:12px;font-weight:800;font-size:13px;background:linear-gradient(135deg,var(--pink),var(--cyan));color:#fff}
.m-btn:disabled{background:#ffffff12;color:var(--muted)}
.all-bonus{margin-top:10px;background:linear-gradient(135deg,#ffb5471a,#ff2d871a);border-color:#ffb54744}
.all-bonus div{flex:1}.all-bonus b{display:block;font-size:13px}.all-bonus small{font-size:11px;color:var(--muted)}
.rw-ad{position:fixed;inset:0;z-index:70;background:#000}
.rw-ad video{width:100%;height:100%;object-fit:cover}
.rw-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center}
.rw-top .ad-badge{position:static}
.rw-count{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#000a;border:2px solid #fff;font-size:15px}
.rw-bottom{position:absolute;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));padding:16px;border-radius:20px;background:var(--glass);backdrop-filter:blur(14px)}
.rw-bottom b{display:block}.rw-bottom small{display:block;color:#ddd;font-size:12px;margin:4px 0 12px}
.rw-close{width:100%;height:46px;border-radius:14px;font-weight:800;background:linear-gradient(135deg,var(--pink),var(--cyan))}
.rw-close:disabled{background:#ffffff1f;color:#bbb}

.hub-head{padding-left:52px}

/* css/referral.css */
/* دعوة الأصدقاء */
.inv-hero{text-align:center;padding:10px 0 4px}
.inv-hero>span{font-size:54px}
.inv-hero h2{margin:6px 0}
.inv-hero p{font-size:13px;color:#e3defa;line-height:1.8}
.inv-hero b{color:var(--amber)}
.inv-code{padding:14px;border-radius:18px;background:#ffffff0a;border:1px dashed #ff2d8766;margin:12px 0}
.inv-code small{color:var(--muted);font-size:11px}
.inv-code div[dir]{font-size:12px;word-break:break-all;margin:6px 0 12px;color:var(--cyan)}
.inv-btns{display:grid;grid-template-columns:2fr 1fr;gap:8px}
.inv-btns button{margin:0}
.inv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.inv-stats div{text-align:center;padding:12px 6px;border-radius:14px;background:#ffffff0a}
.inv-stats b{display:block;font-size:18px}.inv-stats small{font-size:10px;color:var(--muted)}
.inv-share{display:flex;gap:8px;margin-top:10px}
.inv-share a{flex:1;text-align:center;text-decoration:none;color:#fff;padding:10px 0;border-radius:12px}
.inv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.inv-steps div{text-align:center;font-size:12px;padding:12px 4px;border-radius:14px;background:#ffffff08}
.inv-steps b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 6px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--cyan))}

/* css/install.css */
/* تثبيت التطبيق */
.install-bar{position:fixed;z-index:15;left:22px;right:22px;top:calc(var(--frame-top) + 62px);display:flex;align-items:center;gap:10px;padding:10px 10px 10px 8px;border-radius:20px;
  background:linear-gradient(135deg,#2a1356f2,#1a0d3cf2);border:1px solid #ff2d8766;box-shadow:0 12px 34px #000a,0 0 30px #ff2d8733;backdrop-filter:blur(14px);animation:ibIn .5s cubic-bezier(.2,.9,.3,1.2)}
.install-bar img{width:42px;height:42px;border-radius:13px;flex:none}
.install-bar div{flex:1;min-width:0}
.install-bar b{display:block;font-size:14px}
.install-bar small{display:block;font-size:10px;color:#d9d3f5}
.ib-go{height:38px;padding:0 16px;border-radius:12px;font-weight:800;font-size:13px;background:linear-gradient(135deg,var(--pink),var(--cyan));color:#fff;flex:none}
.ib-x{width:28px;height:28px;font-size:18px;color:#aaa;flex:none}
@keyframes ibIn{from{transform:translateY(-20px);opacity:0}}
.install-sheet{text-align:center}
.is-logo{width:76px;height:76px;border-radius:22px;margin:4px auto 6px;display:block;box-shadow:0 10px 30px #ff2d8744}
.is-steps{display:flex;flex-direction:column;gap:8px;margin:14px 0;text-align:right}
.is-steps>div{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#ffffff0a}
.is-steps b{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--cyan))}
.is-steps strong{display:block;font-size:13px}
.is-steps small{display:block;color:var(--muted);font-size:11px}
.menu .install-item{background:linear-gradient(135deg,#ff2d8726,#38d1ec26);border:1px solid #ff2d8755;font-weight:800}
.tiny{font-size:11px}
body:not(.on-home) .install-bar{display:none}
.action.gift-act span{display:none}
.action.gift-act i{font-size:20px}

/* css/about.css */
/* نبذة المطوّر */
.dev-credit{display:flex;align-items:center;gap:12px;margin:18px 0 6px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#ff2d871a,#38d1ec1a);border:1px solid #ffffff1a;text-align:right}
.dev-credit img{width:40px;height:40px;border-radius:12px}
.dev-credit small{display:block;font-size:10px;color:var(--muted)}
.dev-credit b{display:block;font-size:14px}
.dev-credit span{display:block;font-size:12px;color:var(--cyan)}
.splash .dev{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));font-size:12px;color:#bdb4e6}

/* css/auth.css */
/* auth.css — نافذة الدخول وإنشاء الحساب */
.auth-sheet{padding-bottom:calc(26px + env(safe-area-inset-bottom))}
.auth-head{text-align:center;margin-bottom:16px}
.auth-head img{width:58px;height:58px;border-radius:16px;box-shadow:0 8px 26px #ff2d8740}
.auth-head h3{margin:10px 0 4px;font-size:19px}
.auth-head p{margin:0;font-size:12px}
.auth-mail{font-size:46px}
.auth-google{width:100%;height:48px;border-radius:14px;background:#fff;color:#1f1f1f;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.auth-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:var(--muted);font-size:11px}
.auth-or:before,.auth-or:after{content:'';flex:1;height:1px;background:#ffffff1a}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:4px;margin-bottom:14px}
.auth-switch button{height:38px;border-radius:10px;font-weight:700;font-size:13px;color:var(--muted);transition:background .2s,color .2s}
.auth-switch button.on{background:linear-gradient(100deg,var(--pink),var(--violet));color:#fff;box-shadow:0 4px 14px #ff2d8733}
.auth-field{display:block;margin-bottom:12px}
.auth-field>span{display:block;font-size:12px;font-weight:700;margin:0 4px 6px;color:#d9dcef}
.auth-field input{width:100%;height:48px;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:14px;padding:0 14px;color:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .2s}
.auth-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38d1ec22}
.auth-field input[dir=ltr]{text-align:left}
.auth-pass{position:relative}
.auth-pass input{padding-left:48px}
.auth-eye{position:absolute;left:6px;top:6px;width:36px;height:36px;border-radius:10px;font-size:16px;opacity:.75}
.auth-error{min-height:18px;margin:2px 4px 0;color:#ff6b8f;font-size:12px;font-weight:700}
.auth-error:empty{min-height:0}
.auth-submit{height:50px;font-size:15px}
.auth-submit:disabled{opacity:.6}
.auth-link{color:var(--cyan);font-weight:700;font-size:12px;padding:4px}
.auth-forgot{display:block;margin:10px auto 0}
.auth-foot{text-align:center;font-size:12px;margin:16px 0 0}

/* css/coin-burst.css */
/* coin-burst.css — v28: «+1» صغير يطير للعدّاد + حلقة تقدّم الصندوق + شريط الصندوق أعلى الشاشة */
.plus-fly{position:fixed;z-index:40;pointer-events:none;transform:translate(-50%,-50%);font:800 18px Poppins,Cairo,sans-serif;color:#FFD34D;text-shadow:0 0 12px #FFB54799,0 2px 6px #000a;opacity:0;will-change:transform,opacity}
.plus-fly.big{font-size:24px}
.points-pill.coin-hit{animation:coinHit .4s ease-out}
.points-pill.coin-hit .coin{animation:coinSpin .4s ease-out}
@keyframes coinHit{0%{transform:scale(1)}40%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes coinSpin{to{transform:rotate(360deg)}}

/* حلقة التقدّم حول نجمة العدّاد: تمتلئ مع كل فيديو حتى الصندوق (10 فيديوهات) */
.points-pill.ringed .coin{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;font-size:12px}
.points-pill.ringed .coin:before{content:'';position:absolute;inset:-2px;border-radius:50%;
  background:conic-gradient(#FFD34D var(--ring,0%),#ffffff33 0);transition:background .4s;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}

/* صندوق المكافأة: شريط صغير أعلى الشاشة — لا يغطي الفيديو ولا يمنع اللمس */
.chest-pop{position:fixed;z-index:41;left:50%;top:calc(100px + env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:10px;
  padding:8px 14px 8px 10px;border-radius:18px;pointer-events:none;direction:rtl;white-space:nowrap;
  background:linear-gradient(135deg,#2A1356ee,#160D33ee);border:1px solid #FFB54766;box-shadow:0 8px 24px #0008,0 0 24px #FFB54733;
  animation:chestIn .35s cubic-bezier(.2,1.4,.4,1)}
.chest-pop.out{opacity:0;transform:translate(-50%,-10px);transition:all .35s}
.cp-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#1b1200;background:linear-gradient(135deg,#FFE58A,#FFB547);flex-shrink:0}
.chest-pop div{display:flex;flex-direction:column;line-height:1.25}
.chest-pop b{font-size:15px;color:#FFD34D}
.chest-pop small{font-size:11px;color:#CFD2E6}
@keyframes chestIn{from{transform:translate(-50%,-14px) scale(.9);opacity:0}}
@media (prefers-reduced-motion:reduce){.chest-pop{animation:none}}

/* css/lucky-wheel.css */
/* lucky-wheel.css — عجلة الحظ وزرّها العائم */
.wheel-fab{position:fixed;z-index:9;top:calc(var(--frame-top,78px) + 58px);right:calc(var(--frame-side,0px) + 14px);width:44px;height:44px;border-radius:50%;background:var(--glass,#140b30c4);border:1px solid #ffb54755;display:grid;place-items:center;backdrop-filter:blur(10px);box-shadow:0 6px 18px #0006}
.wheel-mini{width:28px;height:28px;border-radius:50%;background:conic-gradient(#ff2d87 0 45deg,#7b4dff 0 90deg,#38d1ec 0 135deg,#ffb547 0 180deg,#ff2d87 0 225deg,#7b4dff 0 270deg,#ffd34d 0 315deg,#38d1ec 0);border:2px solid #fff;box-shadow:0 0 10px #ffb54766}
.wheel-fab.ready .wheel-mini{animation:wheelIdle 3s ease-in-out infinite}
.wheel-fab i{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#ff2d87;border:2px solid #0e0824;display:none}
.wheel-fab.ready i{display:block;animation:pulseDot 1.4s infinite}
body:not(.on-home) .wheel-fab,.player:not(.hidden)~#app .wheel-fab{display:none}
@keyframes wheelIdle{0%,70%,100%{transform:rotate(0)}85%{transform:rotate(200deg)}}
@keyframes pulseDot{50%{transform:scale(1.3)}}
.wheel-sheet{text-align:center}
.wheel-wrap{position:relative;width:260px;height:260px;margin:18px auto 14px}
.wheel{width:100%;height:100%;border-radius:50%;border:6px solid #fff;box-shadow:0 0 0 4px #ffb547,0 0 40px #ff2d8755,inset 0 0 30px #0005;position:relative}
.wheel b{position:absolute;left:50%;top:50%;width:44px;margin:-12px 0 0 -22px;text-align:center;font:800 18px Poppins,Cairo,sans-serif;color:#fff;text-shadow:0 2px 4px #0009}
.wheel-pointer{position:absolute;z-index:2;left:50%;top:-14px;margin-left:-14px;border:14px solid transparent;border-top:26px solid #fff;filter:drop-shadow(0 3px 4px #0008)}
.wheel-hub{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#7a4b00;background:radial-gradient(circle at 35% 30%,#fff6c8,#ffd34d 50%,#f0a500);box-shadow:0 4px 14px #0007}
.wheel-bonus{position:relative;height:22px;border-radius:12px;background:#ffffff12;overflow:hidden;margin:6px 0 4px}
.wheel-bonus i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#38d1ec,#7b4dff);border-radius:12px;transition:width .4s}
.wheel-bonus small{position:relative;line-height:22px;font-size:11px;font-weight:700}
.wheel-go:disabled{opacity:.6}
/* v134 — شكل العجلة الجديد: إطار داكن، فواصل رفيعة، مؤشر فضي، ومربع العدّ التنازلي فوقها */
.wheel{border:10px solid #1B1730!important;box-shadow:0 0 0 2px #ffffff14,0 18px 40px -12px #000c,inset 0 0 26px #0008!important}
.wheel::after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -.5deg,#ffffff26 0 1deg,transparent 1deg 45deg);pointer-events:none}
.wheel b{color:#EFE9FA!important;text-shadow:0 1px 3px #0008!important;font-size:17px!important}
.wheel-pointer{top:-10px!important;margin-left:-15px!important;border:15px solid transparent!important;border-top:24px solid #B9B0C9!important;filter:drop-shadow(0 3px 5px #000a)!important}
.wheel-hub{width:62px!important;height:62px!important;margin:-31px 0 0 -31px!important;background:radial-gradient(circle at 40% 35%,#2A2442,#14111F)!important;border:3px solid #ffffff1c;box-shadow:0 4px 14px #0009!important}
.wheel-wrap.wait .wheel{filter:saturate(.75) brightness(.8)}
.wheel-cd{position:absolute;left:-14px;right:-14px;bottom:18px;z-index:3;padding:12px 10px 14px;border-radius:20px;border:1.5px solid #A78BFA;background:#171329f2;box-shadow:0 10px 30px #000a;backdrop-filter:blur(6px)}
.wheel-cd small{display:block;color:#C4B5FD;font-size:15px;font-weight:800;margin-bottom:6px}
.wheel-cd-t{display:flex;align-items:flex-start;justify-content:center;gap:6px}
.wheel-cd-t span{display:flex;flex-direction:column;align-items:center;min-width:46px}
.wheel-cd-t b{font:800 30px/1 Poppins,sans-serif;color:#C4B5FD;font-variant-numeric:tabular-nums}
.wheel-cd-t i{font-style:normal;font-size:10.5px;color:#ffffff80;margin-top:4px}
.wheel-cd-t em{font-style:normal;font:800 24px/1.2 Poppins,sans-serif;color:#C4B5FD66}

/* css/video-tools.css */
/* video-tools.css — سرعة 2x وإعدادات المشاهدة */
.speed-badge{position:absolute;z-index:4;top:calc(var(--frame-top,78px) + 14px);left:50%;transform:translateX(-50%) scale(.8);padding:6px 14px;border-radius:20px;background:#000a;font-weight:800;font-size:13px;opacity:0;transition:.2s;pointer-events:none;backdrop-filter:blur(8px)}
.video-card.fast .speed-badge{opacity:1;transform:translateX(-50%) scale(1)}
.tap-layer{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.toggle-row{position:relative}
.toggle-row>div{flex:1}
.toggle-row input{position:absolute;opacity:0;pointer-events:none}
.switch{position:relative;width:46px;height:26px;border-radius:20px;background:#ffffff26;transition:.2s;flex:none}
.switch:after{content:'';position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.toggle-row input:checked+.switch{background:linear-gradient(100deg,var(--pink),var(--violet))}
.toggle-row input:checked+.switch:after{right:23px}

/* css/sound.css */
/* sound.css — تلميح تشغيل الصوت */
.sound-hint{position:fixed;z-index:12;left:50%;bottom:calc(var(--frame-bottom,84px) + 120px);transform:translateX(-50%);padding:9px 16px;border-radius:22px;background:#000b;border:1px solid #ffffff26;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;backdrop-filter:blur(10px);pointer-events:none;animation:hintIn .35s ease-out,hintPulse 2s ease-in-out .4s infinite}
body:not(.on-home) .sound-hint{display:none}
@keyframes hintIn{from{opacity:0;transform:translate(-50%,10px)}}
@keyframes hintPulse{50%{box-shadow:0 0 0 6px #ffffff14}}

/* css/theme.css */
/* theme.css — هوية «Jokt» البصرية الخاصة (تُحمَّل آخراً وتعلو على باقي التنسيقات)
   الفكرة: الفيديو داخل «إطار» عائم بحواف دائرية، شريط تفاعل أفقي زجاجي،
   قائمة سفلية عائمة كجزيرة، وخلفية «شفق» بألوان الفيروز والكهرماني والبنفسجي. */
:root{
  --bg:#060a14;--panel:#0f1424;--panel2:#161c31;--text:#f4f6ff;--muted:#9aa3bd;--line:#ffffff14;
  --cyan:#3ee6c4;--violet:#8b7bff;--amber:#ffb547;--pink:#ff7a59;--yellow:#ffc857;
  --glass:#0d1222b8;--glass-line:#ffffff1f;
  --frame-top:76px;--frame-bottom:92px;--frame-side:10px;--radius:28px;
}

/* خلفية الشفق */
body{background:
  radial-gradient(60% 40% at 85% 0%,#3ee6c41f,transparent 70%),
  radial-gradient(55% 45% at 0% 100%,#8b7bff24,transparent 70%),
  radial-gradient(40% 30% at 100% 70%,#ffb54714,transparent 70%),
  var(--bg)}

/* الشريط العلوي */
.topbar{height:72px;padding:14px 16px;background:linear-gradient(#060a14,#060a14d9 60%,transparent)}
.brand{font-size:20px;letter-spacing:.3px}
.brand-mark{width:36px;height:36px;border-radius:13px;background:conic-gradient(from 200deg,var(--cyan),var(--violet),var(--amber),var(--cyan));color:#060a14;box-shadow:0 6px 22px #3ee6c44d,inset 0 0 0 2px #ffffff40}
.beta{color:var(--amber);background:#ffb54714;border-color:#ffb54755}
.top-tabs{align-self:center;gap:4px;padding:4px;border-radius:16px;background:#ffffff0b;border:1px solid var(--glass-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tab{padding:6px 16px;border:0;border-radius:12px;font-size:13px;color:var(--muted);transition:.25s}
.tab.active{color:#060a14;background:linear-gradient(135deg,var(--cyan),#a8f5e5)}
.icon-btn{width:40px;height:40px;border-radius:14px;background:#ffffff0b;border:1px solid var(--glass-line)}

/* إطار الفيديو العائم */
.feed{background:transparent}
.video-card{background:transparent}
.video-card video{position:absolute;top:var(--frame-top);bottom:var(--frame-bottom);left:var(--frame-side);right:var(--frame-side);
  width:auto;height:auto;border-radius:var(--radius);background:#0b0f1c}
.video-card:after{top:var(--frame-top);bottom:var(--frame-bottom);left:var(--frame-side);right:var(--frame-side);border-radius:var(--radius);
  background:linear-gradient(180deg,#060a1466 0%,transparent 22%,transparent 50%,#060a14e6 100%)}
.tap-layer{top:var(--frame-top);bottom:calc(var(--frame-bottom) + 70px);left:var(--frame-side);right:var(--frame-side)}

/* شريط التقدم داخل الإطار */
.progress{bottom:calc(var(--frame-bottom) + 8px);left:calc(var(--frame-side) + 22px);right:calc(var(--frame-side) + 22px);height:3px;border-radius:3px;background:#ffffff26;overflow:hidden}
.progress i{border-radius:3px;background:linear-gradient(90deg,var(--amber),var(--cyan))}

/* شريط التفاعل الأفقي الزجاجي */
.actions{left:calc(var(--frame-side) + 12px);right:calc(var(--frame-side) + 12px);bottom:calc(var(--frame-bottom) + 18px);
  flex-direction:row;justify-content:space-between;align-items:center;gap:4px;padding:7px 10px;border-radius:20px;
  background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.action{flex-direction:row;gap:5px;min-width:0;font-size:11px;font-weight:700;text-shadow:none;padding:5px 7px;border-radius:12px}
.action i{font-size:21px;line-height:21px}
.action:active{background:#ffffff14}
.action.liked i{color:var(--pink);text-shadow:0 0 14px #ff7a5999}
.action.bookmarked i{color:var(--amber)}
.action.save span,.action.share span,.action.more span{display:none}
.avatar-act{position:relative;padding:0}
.avatar-act img{width:36px;height:36px;border-radius:12px;object-fit:cover;border:2px solid var(--cyan)}
.avatar-act .plus{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:12px;line-height:1;background:var(--amber);color:#060a14;font-weight:900}

/* معلومات الصانع والوصف */
.video-info{right:calc(var(--frame-side) + 18px);left:calc(var(--frame-side) + 18px);bottom:calc(var(--frame-bottom) + 84px)}
.creator{font-size:15px}
.verified{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--cyan);color:#060a14;font-size:10px}
.follow-btn{border:0;border-radius:10px;padding:3px 11px;font-size:11px;font-weight:800;background:#ffffff1f;backdrop-filter:blur(8px)}
.caption{font-size:14px;text-shadow:0 1px 8px #000c}
.tag{color:var(--amber);font-weight:800}
.sound{display:inline-flex;margin-top:8px;padding:4px 10px;border-radius:12px;background:#ffffff12;font-size:11px;max-width:100%}
.sound-icon{color:var(--cyan)}

/* عناصر فوق الإطار */
.points-pill{top:calc(var(--frame-top) + 12px);right:calc(var(--frame-side) + 12px);padding:6px 11px;border-radius:14px;background:var(--glass);border-color:#ffb54744}
.coin{color:var(--amber)}
.mute-btn{top:calc(var(--frame-top) + 12px);right:auto;left:calc(var(--frame-side) + 12px);width:38px;height:38px;border-radius:13px;background:var(--glass);border:1px solid var(--glass-line)}
.mute-btn.on{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#060a14}
.ad-badge{top:calc(var(--frame-top) + 56px);right:calc(var(--frame-side) + 12px);background:var(--amber);border-radius:10px}
.ad-visit{right:calc(var(--frame-side) + 18px);left:calc(var(--frame-side) + 18px);bottom:calc(var(--frame-bottom) + 84px);border-radius:16px;
  background:linear-gradient(135deg,var(--amber),#ffd98a);color:#1a1205}
.video-card:has(.ad-visit) .video-info{bottom:calc(var(--frame-bottom) + 136px)}
.heart-burst{color:var(--pink);text-shadow:0 0 34px #ff7a59bb}
.play-hint{width:76px;height:76px;display:grid;place-items:center;font-size:30px;border-radius:26px;background:var(--glass);border:1px solid var(--glass-line)}

/* القائمة السفلية: جزيرة عائمة */
.bottom-nav{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));height:64px;padding:0 14px;align-items:center;border-radius:24px;
  background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 40px #0009}
.nav-item{color:#8790a8;padding-top:2px}
.nav-item>span{font-size:21px;line-height:24px}
.nav-item.active{color:var(--cyan)}
.nav-item.active:after{content:'';position:absolute;bottom:-7px;width:16px;height:3px;border-radius:3px;background:var(--cyan)}
.notification-dot{background:var(--amber)}
.upload-fab{width:58px;height:58px;margin-top:-26px;border-radius:20px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 10px 28px #8b7bff66,0 0 0 5px var(--bg)}
.upload-fab b{transform:rotate(-45deg);font-size:28px;line-height:1;color:#060a14}
.upload-fab small{display:none}
.upload-fab:active{transform:rotate(45deg) scale(.94)}
.toast{bottom:96px;border-radius:14px;background:linear-gradient(135deg,#f4f6ff,#d9fff6)}

@media (max-height:700px){:root{--frame-top:70px;--frame-bottom:86px}}

/* مساحة للقائمة العائمة في الصفحات */
.business-panel{padding-bottom:130px}
.toast{bottom:104px}

/* ===== إصلاحات التصميم (v3) ===== */
/* 1) الطول الحقيقي للشاشة داخل المتصفح (بدون شريط العنوان) */
.feed{height:100vh;height:100dvh}
.video-card{height:100vh;height:100dvh;min-height:0}
/* 2) الفيديو لا يخرج من الإطار مهما كان حجمه الأصلي */
.video-card video{width:calc(100% - 2 * var(--frame-side));height:calc(100% - var(--frame-top) - var(--frame-bottom));
  max-width:none;object-fit:cover;overflow:hidden}
.video-card{contain:paint}
/* 3) المشغّل بملء الشاشة (من الملف الشخصي والبحث) بلا قائمة سفلية */
.player{--frame-top:66px;--frame-bottom:16px;background:var(--bg)}
.player-close{top:16px;right:14px;width:40px;height:40px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line)}
.player .points-pill{display:none}
/* 4) أيقونات SVG موحّدة */
.action i{display:grid;place-items:center;width:24px;height:24px}
.action i svg{width:24px;height:24px}
.action.liked i{filter:drop-shadow(0 0 8px #ff7a5999)}
.mute-btn{display:grid;place-items:center;color:#fff}
.mute-btn svg{width:20px;height:20px}
.heart-burst svg{width:110px;height:110px;filter:drop-shadow(0 0 30px #ff7a59aa)}
.play-hint svg{width:30px;height:30px;color:#fff}
.nav-ico{display:grid;place-items:center;height:28px}
.nav-ico svg{width:24px;height:24px}
.upload-fab b{display:grid;place-items:center}
.upload-fab b svg{width:28px;height:28px;stroke-width:2.6}
/* 5) شارة «تجريبي» وزر الصوت لا يتداخلان مع الشريط العلوي */
.topbar{z-index:12}
.mute-btn,.points-pill,.ad-badge{z-index:5}
/* 6) شاشات قصيرة: تقليل المسافات */
@media (max-height:640px){:root{--frame-top:64px;--frame-bottom:84px}.video-info{bottom:calc(var(--frame-bottom) + 76px)}.caption{font-size:13px;line-height:1.6}}
/* 7) الإشعار المنبثق لا يغطي شريط التفاعل */
.toast{bottom:auto;top:calc(var(--frame-top) + 60px);transform:translateX(-50%) translateY(-10px)}
.toast.show{transform:translateX(-50%) translateY(0)}

/* اسم التطبيق Jokt */
.brand-name{font-family:Poppins,Cairo,system-ui,sans-serif;font-weight:800;letter-spacing:1.5px;font-size:20px;background:linear-gradient(90deg,#fff,#a8f5e5);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-mark{font-family:Poppins,Cairo,sans-serif;font-weight:800;font-size:19px}
.brand-logo{width:36px;height:36px;border-radius:11px;box-shadow:0 6px 20px #8b7bff55}

/* ===== ألوان هوية Jokt (الوردي + السماوي على بنفسجي داكن) ===== */
:root{--bg:#0e0824;--panel:#160d33;--panel2:#1d1340;--cyan:#38d1ec;--violet:#7b4dff;--pink:#ff2d87;--amber:#ffb547;--glass:#140b30c4;--glass-line:#ffffff1c}
body{background:
  radial-gradient(60% 40% at 90% 0%,#ff2d871a,transparent 70%),
  radial-gradient(55% 45% at 0% 100%,#38d1ec1c,transparent 70%),
  radial-gradient(70% 50% at 50% 50%,#2a135644,transparent 80%),var(--bg)}
.topbar{background:linear-gradient(var(--bg),#0e0824d9 60%,transparent)}
.tab.active{background:linear-gradient(135deg,var(--pink),#ff6aa9);color:#fff}
.brand-name{background:linear-gradient(90deg,var(--pink),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-logo{box-shadow:0 6px 20px #ff2d8744}
/* الظل على الطبقة فوق الفيديو بدل الفيديو نفسه — ظل الفيديو المباشر يسبب شاشة بيضاء على بعض جوالات أندرويد */
.video-card:after{box-shadow:0 0 0 1px #ffffff14,0 22px 60px #000a,0 0 70px #7b4dff1f}
.progress i{background:linear-gradient(90deg,var(--pink),var(--cyan))}
.avatar-act img{border-color:var(--pink)}
.verified{background:var(--cyan)}
.tag{color:var(--cyan)}
.nav-item.active{color:var(--pink)}
.nav-item.active:after{background:var(--pink)}
.upload-fab{background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 10px 28px #ff2d8755,0 0 0 5px var(--bg)}
.upload-fab b{color:#fff}
.mute-btn.on{background:linear-gradient(135deg,var(--pink),var(--cyan));color:#fff}
.action.liked i{color:var(--pink)}
.heart-burst{color:var(--pink)}
.wallet-card{background:linear-gradient(135deg,var(--pink) 0%,#9b4dff 55%,var(--cyan) 115%);color:#fff;box-shadow:0 16px 40px #ff2d8740}
.wallet-sub span{background:#ffffff33}
.wallet-link{background:linear-gradient(135deg,#ff2d871f,#38d1ec1f);border-color:#ff2d8744}
.split-bar i{background:linear-gradient(90deg,var(--pink),#ff6aa9)}

/* النوافذ السفلية بألوان الهوية */
.sheet{background:linear-gradient(160deg,#1f1446,#120a2c);border-color:#ffffff1a}
.search-input{background:#ffffff0d;border-color:#ffffff1a}
.login-btn{background:linear-gradient(100deg,var(--pink),#9b4dff 60%,var(--cyan))}
/* v28.43 — المؤشر تحت الشريط السفلي للصفحة الحالية فقط (كان يبقى أثر صغير تحت «حسابي») */
.nav-item:not(.active)::after{display:none!important}

/* css/splash.css */
/* شاشة البداية */
.splash{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:radial-gradient(60% 45% at 50% 42%,#3a1a78,#0e0824 75%);transition:opacity .6s}
.splash img{width:132px;height:132px;border-radius:32px;box-shadow:0 20px 60px #ff2d8744,0 0 0 1px #ffffff1c;animation:splashIn .7s cubic-bezier(.2,.9,.3,1.3) both}
.splash b{font-family:Poppins,Cairo,sans-serif;font-size:30px;letter-spacing:4px;margin-top:10px;background:linear-gradient(90deg,#ff2d87,#38d1ec);-webkit-background-clip:text;background-clip:text;color:transparent;animation:splashUp .6s .25s both}
.splash p{margin:0;color:#e9e6ff;font-size:16px;letter-spacing:.5px;direction:ltr;animation:splashUp .6s .45s both}
.splash.out{opacity:0;pointer-events:none}
@keyframes splashIn{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes splashUp{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}

/* css/device-safe.css */
/* device-safe.css — عرض الفيديو بطريقة تعمل على كل الجوالات (يُحمَّل آخرًا)
   بعض جوالات أندرويد تعرض الفيديو أبيض أو أسود إذا قُصّت زواياه أو أُضيف له ظل مباشرة.
   لذلك الفيديو مستطيل عادي تمامًا، والزوايا الدائرية تُرسم فوقه بطبقة بلون الخلفية — نفس الشكل بدون أي مخاطرة. */
.video-card video{border-radius:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important;filter:none!important}
.vframe{position:absolute;z-index:1;pointer-events:none;
  top:var(--frame-top);bottom:var(--frame-bottom);left:var(--frame-side);right:var(--frame-side);
  --r:var(--radius,28px);--c:var(--bg,#0e0824);
  background:
    radial-gradient(circle at 100% 100%,transparent calc(var(--r) - .6px),var(--c) var(--r)) 0 0/var(--r) var(--r) no-repeat,
    radial-gradient(circle at 0 100%,transparent calc(var(--r) - .6px),var(--c) var(--r)) 100% 0/var(--r) var(--r) no-repeat,
    radial-gradient(circle at 100% 0,transparent calc(var(--r) - .6px),var(--c) var(--r)) 0 100%/var(--r) var(--r) no-repeat,
    radial-gradient(circle at 0 0,transparent calc(var(--r) - .6px),var(--c) var(--r)) 100% 100%/var(--r) var(--r) no-repeat}

/* css/video-canvas.css */
/* العرض المتوافق: اللوحة تأخذ مكان الفيديو تمامًا، والفيديو يبقى خلفها شبه شفاف (لا يُخفى كي لا يتوقف المتصفح عن فك الصورة) */
.video-card .vcanvas{position:absolute;z-index:0;pointer-events:none;background:#000;display:block;
  top:var(--frame-top);bottom:var(--frame-bottom);left:var(--frame-side);right:var(--frame-side);
  width:calc(100% - 2 * var(--frame-side));height:calc(100% - var(--frame-top) - var(--frame-bottom))}
.video-card video.vc-source{opacity:.01!important}
/* الصور المصغّرة (اكتشف، الملف الشخصي، البحث) */

.thumb .vcanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background:#000;border-radius:inherit}
.thumb small{z-index:1}
.thumb video.vc-source{opacity:.01!important}

/* css/user-id.css */
/* شارة رقم ID للمستخدم + نتائج البحث عن الأصدقاء */
.id-chip{display:inline-flex;align-items:center;gap:6px;margin:6px auto 2px;padding:5px 12px;border-radius:20px;
  background:linear-gradient(135deg,#ff5d8f26,#3ee6c426);border:1px solid #ffffff22;color:#fff;font-family:inherit;font-size:12px}
.id-chip span{font-size:10px;font-weight:800;color:var(--cyan,#3ee6c4);letter-spacing:.5px}
.id-chip b{font-size:14px;letter-spacing:1px}
.id-chip i{font-style:normal;font-size:12px;opacity:.8}
.id-chip:active{transform:scale(.96)}
.id-hint{font-size:11px;color:var(--muted);margin:2px 0 0}
.user-id-small{color:var(--cyan,#3ee6c4);font-weight:700;direction:ltr;unicode-bidi:isolate}
.search-loading{color:var(--muted);font-size:12px;padding:10px 4px}

/* css/video-pro.css */
/* ميزات الفيديو (مثل تيك توك ولايكي): شريط السحب، الشاشة النظيفة، الاستراحة، السجل */
/* منطقة لمس كبيرة فوق شريط التقدّم — سهلة السحب بالإصبع */
.seek-zone{position:absolute;z-index:5;left:var(--frame-side,0);right:var(--frame-side,0);height:30px;
  bottom:calc(var(--frame-bottom,79px) - 6px);touch-action:none;cursor:pointer}
.video-card.seeking .progress{height:7px!important;transition:height .15s}
.seek-bubble{position:absolute;z-index:6;left:50%;bottom:calc(var(--frame-bottom,79px) + 40px);transform:translateX(-50%);
  padding:6px 14px;border-radius:14px;background:#000a;color:#fff;font-weight:800;font-size:16px;direction:ltr;
  opacity:0;pointer-events:none;transition:opacity .15s}
.video-card.seeking .seek-bubble{opacity:1}
.video-card.seeking .actions,.video-card.seeking .video-info{opacity:.15;transition:opacity .15s}

/* الشاشة النظيفة */
body.clear-mode .actions,body.clear-mode .video-info,body.clear-mode .mute-btn,body.clear-mode .points-pill,
body.clear-mode .topbar,body.clear-mode .bottom-nav,body.clear-mode nav,body.clear-mode .ad-badge,body.clear-mode .wheel-float{opacity:0!important;pointer-events:none!important;transition:opacity .2s}
.clear-exit{position:fixed;z-index:40;top:14px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:20px;
  background:#000a;border:1px solid #ffffff33;color:#fff;font-family:inherit;font-size:12px;font-weight:700}

/* تذكير الاستراحة */
.break-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#060a14d9;backdrop-filter:blur(6px)}
.break-box{max-width:320px;text-align:center;padding:26px 20px;border-radius:24px;background:var(--panel2,#161c31);border:1px solid #ffffff1a}
.break-box span{font-size:48px}
.break-box h3{margin:6px 0}
.break-box p{color:#cfd4e4;font-size:13px;line-height:1.9}

.history-page h2{margin-top:6px}

/* css/dm.css */
/* المحادثات الحقيقية: فقاعات الرسائل، الصوت، الصور، الفيديو، المشاركة، التسجيل */
.dm .chat-body{padding-bottom:8px}
.dm-new{display:block;width:100%;margin:0 0 12px;padding:12px;border-radius:16px;font-family:inherit;font-weight:800;font-size:13px;
  background:linear-gradient(135deg,#ff5d8f22,#3ee6c422);border:1px dashed #3ee6c466;color:var(--cyan,#3ee6c4)}
.dm-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-right:6px;padding:0 5px;border-radius:9px;background:var(--pink,#ff5d8f);color:#fff;font-style:normal;font-size:10px;font-weight:800}
.dm-who{cursor:pointer}
.bubble.pending{opacity:.65}
.bubble p{margin:0;white-space:pre-wrap;word-break:break-word}
.bubble .tick{font-style:normal;margin-right:5px;font-size:10px;color:var(--cyan,#3ee6c4)}
.bubble.k-image,.bubble.k-video,.bubble.k-share{padding:4px;max-width:72%}
.dm-img{display:block;max-width:100%;max-height:320px;border-radius:14px;object-fit:cover}
.dm-vid{display:block;width:100%;max-height:360px;border-radius:14px;background:#000}
.dm-voice{display:flex;align-items:center;gap:8px;min-width:190px}
.dm-voice button{width:34px;height:34px;flex:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:13px;font-family:inherit}
.dm-voice i{flex:1;height:4px;border-radius:2px;background:#ffffff33;overflow:hidden}
.dm-voice i b{display:block;height:100%;width:0;background:currentColor;transition:width .2s linear}
.dm-voice span{font-size:11px;direction:ltr;opacity:.85}
.dm-share{display:flex;align-items:center;gap:8px;width:100%;padding:6px;border-radius:12px;background:#0003;color:inherit;font-family:inherit;text-align:right}
.dm-share img{width:52px;height:72px;object-fit:cover;border-radius:10px;flex:none}
.dm-share span{font-size:30px}
.dm-share b{display:block;font-size:12px}
.dm-share small{font-size:11px;opacity:.8}
.dm-input{display:flex;align-items:center;gap:6px}
.dm-input .search-input{flex:1}
.dm-btn{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;background:#ffffff12;border:1px solid #ffffff1a;font-size:18px;cursor:pointer;font-family:inherit;color:#fff}
.dm-send{background:linear-gradient(135deg,var(--pink,#ff5d8f),var(--cyan,#3ee6c4));border:0}
.dm-mic{background:#ff5d8f2a}
.dm-rec{display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:10px 14px;border-radius:20px;background:#ff5d8f22;border:1px solid #ff5d8f55}
.dm-rec .dot{width:10px;height:10px;border-radius:50%;background:#ff3b5c;animation:recBlink 1s infinite}
.dm-rec .t{font-weight:800;direction:ltr}
.dm-rec small{flex:1;color:#ffd0dc}
.dm-rec button{width:36px;height:36px;border-radius:50%;background:#ffffff1f;color:#fff;font-family:inherit}
.dm-rec .rec-send{background:var(--pink,#ff5d8f)}
@keyframes recBlink{50%{opacity:.2}}
.share-list{max-height:50vh;overflow:auto;margin-top:10px}
.share-list .sheet-row .login-btn{margin:0 auto 0 0;width:auto;padding:0 14px;height:34px}
.hidden{display:none!important}

/* css/watermark.css */
/* العلامة المائية على الفيديو داخل التطبيق — تتنقّل بين الأعلى والأسفل مثل تيك توك */
.jokt-wm{position:absolute;z-index:2;pointer-events:none;display:flex;align-items:center;gap:6px;direction:ltr;
  left:calc(var(--frame-side,0px) + 14px);top:calc(var(--frame-top,70px) + 58px);opacity:.75;
  animation:wmMove 16s ease-in-out infinite}
.jokt-wm img{width:24px;height:24px;border-radius:7px;filter:drop-shadow(0 1px 3px #000a)}
.jokt-wm span{display:flex;flex-direction:column;line-height:1.05;text-shadow:0 1px 4px #000}
.jokt-wm b{font-family:Poppins,Cairo,sans-serif;font-size:13px;font-weight:800;color:#fff;letter-spacing:.5px}
.jokt-wm small{font-size:10px;color:#ffffffd9;font-weight:600}
@keyframes wmMove{0%,44%{transform:translateY(0)}50%,94%{transform:translateY(calc(100dvh - var(--frame-top,70px) - var(--frame-bottom,90px) - 330px))}100%{transform:translateY(0)}}
body.clear-mode .jokt-wm{opacity:.75!important}

/* css/pull-refresh.css */
/* مؤشر «اسحب للتحديث» */
.pull-ind { position: fixed; top: 0; left: 50%; transform: translate(-50%, -60px); z-index: 60; width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center; background: rgba(20, 20, 30, .85); color: #fff; font-size: 22px; pointer-events: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .35); transition: transform .2s ease; }
.pull-ind.ready { background: #ff5d8f; }
.pull-ind.spin { transform: translate(-50%, 50px); }
.pull-ind.spin i { animation: pullspin .8s linear infinite; display: inline-block; }
@keyframes pullspin { to { transform: rotate(360deg); } }

/* css/push.css */
/* v18: بطاقة دعوة الإشعارات + زر القائمة */
.push-card { position: fixed; z-index: 55; left: 12px; right: 12px; bottom: 96px; padding: 14px 16px; border-radius: 18px; direction: rtl;
  background: linear-gradient(135deg, #1d1533, #2a1840); color: #fff; box-shadow: 0 12px 40px #000a; border: 1px solid #ff5d8f55;
  display: flex; flex-direction: column; gap: 6px; animation: pushIn .35s ease; }
.push-card small { color: #c9c3dd; font-size: 12px; }
.push-card div { display: flex; gap: 8px; margin-top: 4px; }
.push-card button { flex: 1; }
@keyframes pushIn { from { transform: translateY(30px); opacity: 0; } }
.menu .push-item em { font-style: normal; }

/* v18: رسائل التنبيه داخل التطبيق تظهر فوق الشاشة بدل الوسط/الأسفل */
.toast { top: calc(env(safe-area-inset-top) + 64px) !important; bottom: auto !important; max-width: calc(100vw - 32px); white-space: normal !important; text-align: center;
  transform: translateX(-50%) translateY(-14px) !important; }
.toast.show { transform: translateX(-50%) translateY(0) !important; }

/* css/fullscreen-feed.css */
/* fullscreen-feed.css — v21: شاشة فيديو بملء الشاشة بهوية Jokt الخاصة (يُحمَّل آخر ملف ويعلو على theme.css)
   الفيديو بدون إطار، أزرار التفاعل عمود شفاف على الجانب، قائمة سفلية بألوان Jokt.
   لحذف الميزة: احذف هذا الملف وسطره من index.html فيرجع الشكل القديم كما هو. */
:root,:root body{--frame-top:0px;--frame-side:0px;--radius:0px;--nav-h:56px;--frame-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}
@media (max-height:700px){:root{--frame-top:0px;--frame-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}}
@media (max-height:640px){:root{--frame-top:0px;--frame-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}}
body.on-home{background:#000}
.vframe{display:none!important}

/* ===== الفيديو بملء الشاشة ===== */
.video-card{background:#000}
.video-card video{top:0;left:0;right:0;bottom:var(--frame-bottom);width:100%;height:calc(100% - var(--frame-bottom));border-radius:0}
.video-card .vcanvas{top:0;left:0;right:0;width:100%;height:calc(100% - var(--frame-bottom))}
.video-card:after{top:0;left:0;right:0;bottom:var(--frame-bottom);border-radius:0;box-shadow:none;
  background:linear-gradient(180deg,#0000008c 0%,transparent 16%,transparent 58%,#000000b3 100%)}
.tap-layer{top:0;left:0;right:0;bottom:var(--frame-bottom)}

/* ===== الشريط العلوي شفاف فوق الفيديو ===== */
.topbar{height:56px;padding:calc(8px + env(safe-area-inset-top)) 12px 0;background:none}
.brand-logo{width:28px;height:28px;border-radius:8px;box-shadow:none}
.brand-name{font-size:16px}
.top-tabs{gap:18px;padding:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.tab,.tab.active{padding:4px 2px 6px;border-radius:0;background:none;font-size:16px;font-weight:800;color:#ffffffa6;text-shadow:0 1px 4px #0008;position:relative}
.tab.active{color:#fff}
.tab.active:after{content:'';position:absolute;left:50%;bottom:0;width:22px;height:4px;margin-left:-11px;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.icon-btn{width:36px;height:36px;border-radius:50%;background:none;border:0}
.search-glyph{filter:drop-shadow(0 1px 3px #000a)}

/* ===== عمود التفاعل الجانبي (يسار — بجانب يد الإبهام) ===== */
.actions{left:6px;right:auto;bottom:calc(var(--frame-bottom) + 14px);flex-direction:column;justify-content:flex-end;gap:14px;
  padding:0;border-radius:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;width:60px}
.action{flex-direction:column;gap:2px;min-width:0;padding:0;border-radius:0;font-size:12px;font-weight:700;text-shadow:0 1px 3px #000c}
.action i{width:34px;height:34px;filter:drop-shadow(0 1px 3px #0009)}
.action i svg{width:32px;height:32px}
.action.save span,.action.share span,.action.more span{display:block}
.action.more span{display:none}
.action.more i svg{width:26px;height:26px}
.action:active{background:none;transform:scale(.88)}
.action.gift-act i{font-size:26px;line-height:34px}
.avatar-act{margin-bottom:6px}
.avatar-act img{width:46px;height:46px;border-radius:15px;border:2px solid var(--pink)}
.avatar-act .plus{bottom:-9px;width:20px;height:20px;border-radius:7px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:15px;border:0}
/* نبضة عند الإعجاب */
.action.like.liked i{animation:likePop .4s ease-out}
@keyframes likePop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* ===== اسم الصانع والوصف (يمين) ===== */
.video-info{right:12px;left:76px;bottom:calc(var(--frame-bottom) + 14px)}
.creator{font-size:16px;margin-bottom:4px}
.caption{font-size:14px;line-height:1.6;text-shadow:0 1px 3px #000c}
.sound{background:none;padding:0;margin-top:6px;font-size:13px}
.follow-btn{background:none;border:1px solid #ffffffb3;padding:1px 10px}

/* إعلان */
.ad-badge{top:58px;right:12px}
.ad-visit{left:76px;right:12px;bottom:calc(var(--frame-bottom) + 14px);height:40px;border-radius:6px}
.video-card:has(.ad-visit) .video-info{bottom:calc(var(--frame-bottom) + 64px)}

/* ===== شريط التقدّم رفيع على حافة الفيديو ===== */
.progress{left:0;right:0;bottom:var(--frame-bottom);height:2px;border-radius:0;background:#ffffff33}
.progress i{border-radius:0;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.video-card.paused .progress{height:4px}

.seek-zone{left:0;right:0;bottom:calc(var(--frame-bottom) - 12px);height:26px}
.seek-bubble{bottom:calc(var(--frame-bottom) + 60px)}

/* ===== أيقونة الإيقاف: سهم شفاف فقط ===== */
.play-hint{width:78px;height:78px;border-radius:26px;background:#140b3080;backdrop-filter:blur(6px)}
.play-hint svg{width:34px;height:34px;color:#fff;filter:drop-shadow(0 2px 8px #0008)}
.video-card.paused .play-hint{opacity:1}

/* ===== العناصر الصغيرة أعلى الفيديو ===== */
.mute-btn{top:calc(58px + env(safe-area-inset-top));left:12px;right:auto;width:34px;height:34px;border-radius:50%;background:#00000059;border:0;backdrop-filter:blur(6px)}
.mute-btn.on{background:#00000040;color:#fff}
.mute-btn svg{width:18px;height:18px}
.points-pill{top:calc(58px + env(safe-area-inset-top));right:12px;padding:4px 9px;border-radius:14px;background:#00000059;border:0}
.wheel-fab{top:calc(96px + env(safe-area-inset-top));right:12px;width:38px;height:38px;background:#00000059;border:0}
.wheel-mini{width:24px;height:24px}
.jokt-wm{left:auto;right:14px;top:calc(140px + env(safe-area-inset-top));opacity:.55;animation-name:wmMove21}
@keyframes wmMove21{0%,44%{transform:translateY(0)}50%,94%{transform:translateY(calc(100dvh - var(--frame-bottom) - 400px))}100%{transform:translateY(0)}}
.install-bar{top:calc(140px + env(safe-area-inset-top))}
.sound-hint{bottom:calc(var(--frame-bottom) + 170px)}
.toast{top:calc(100px + env(safe-area-inset-top))}

/* سرعة 2x: الشارة تظهر فقط أثناء الضغط، والأزرار تختفي ليظهر الفيديو كاملًا */
.speed-badge{top:calc(64px + env(safe-area-inset-top))}
.video-card.paused .speed-badge{opacity:0!important}
.video-card.fast .actions,.video-card.fast .video-info,.video-card.fast .jokt-wm{opacity:0;transition:opacity .2s}
body:has(.video-card.fast[data-vid]) .topbar,body:has(.video-card.fast) .bottom-nav{opacity:.0;transition:opacity .2s}

/* ===== القائمة السفلية: شريط ثابت بلون Jokt البنفسجي ===== */
.bottom-nav{left:0;right:0;bottom:0;height:var(--frame-bottom);padding:0 8px env(safe-area-inset-bottom);border-radius:0;align-items:center;
  background:#0b0620;border:0;border-top:1px solid #ffffff12;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.nav-item{color:#ffffff8c;padding-top:0;flex:1}
.nav-item.active{color:var(--pink)}
.nav-item.active:after{display:block;bottom:-5px;width:5px;height:5px;border-radius:50%;background:var(--pink)}
.nav-ico svg{width:24px;height:24px}
.nav-item small{font-size:10px}
/* زر النشر: معيّن Jokt المتدرّج (أصغر حتى لا يغطي الفيديو) */
.upload-fab{flex:none;width:40px;height:40px;margin:0 10px;border-radius:13px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 4px 16px #ff2d8755}
.upload-fab:active{transform:rotate(45deg) scale(.9)}
.upload-fab b{transform:rotate(-45deg);color:#fff}
.upload-fab b svg{width:20px;height:20px;stroke-width:3}

/* المشغّل بملء الشاشة (من الملف الشخصي والبحث) بلا قائمة سفلية */
.player{--frame-top:0px;--frame-bottom:0px;background:#000}
.player .actions,.player .video-info{bottom:calc(24px + env(safe-area-inset-bottom))}
.player .progress{bottom:env(safe-area-inset-bottom)}
.player-close{top:calc(10px + env(safe-area-inset-top));right:10px;background:#00000059;border:0;border-radius:50%}
.player .mute-btn{top:calc(10px + env(safe-area-inset-top))}

/* الصفحات الأخرى: خلفية الهوية كما هي */
body:not(.on-home){background:var(--bg)}

/* css/sound-disc.css */
/* v21 — قرص الصوت الدوّار بحلقة Jokt المتدرّجة */
.sound-disc{position:relative;margin-top:4px}
.disc-ring{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding:3px;
  background:conic-gradient(var(--pink),var(--violet),var(--cyan),var(--pink));box-shadow:0 0 12px #ff2d8755;animation:discSpin 4s linear infinite}
.disc-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0e0824}
.video-card.paused .disc-ring,.video-card.loading .disc-ring{animation-play-state:paused}
.disc-note{position:absolute;top:-6px;left:-4px;font-style:normal;font-size:13px;color:#fff;opacity:0;animation:noteFly 2.6s ease-out infinite}
.video-card.paused .disc-note{display:none}
@keyframes discSpin{to{transform:rotate(360deg)}}
@keyframes noteFly{0%{opacity:0;transform:translate(0,10px)}30%{opacity:1}100%{opacity:0;transform:translate(-14px,-26px) rotate(-20deg)}}
/* اسم الصوت المتحرك */
.sound{max-width:72%;overflow:hidden}
.marq-box{overflow:hidden;flex:1;min-width:0}
.marq{display:inline-block;white-space:nowrap}
.marq.run{animation:marq 9s linear infinite}
@keyframes marq{to{transform:translateX(50%)}}

/* css/caption-more.css */
/* v21 — الوصف المختصر */
.caption.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.caption.clamp.open{display:block;-webkit-line-clamp:unset;max-height:40vh;overflow-y:auto}
.cap-more{font-size:13px;font-weight:800;color:#fff;padding:0;margin-top:-2px;text-shadow:0 1px 3px #000c}
.video-card.cap-open:after{background:linear-gradient(180deg,#0000008c 0%,transparent 16%,#0000004d 40%,#000000d9 100%)}

/* css/tap-hearts.css */
/* v21 — قلوب النقر المزدوج مكان الإصبع (تخفي القلب القديم في المنتصف) */
.heart-burst{display:none!important}
.tap-heart{position:absolute;z-index:6;width:96px;height:96px;margin:-48px 0 0 -48px;pointer-events:none;color:var(--pink);
  filter:drop-shadow(0 4px 14px #ff2d8799);animation:tapHeart .9s ease-out forwards}
.tap-heart svg{width:100%;height:100%}
@keyframes tapHeart{0%{transform:rotate(var(--rot)) scale(.2);opacity:0}15%{transform:rotate(var(--rot)) scale(1.2);opacity:1}30%{transform:rotate(var(--rot)) scale(1)}100%{transform:rotate(var(--rot)) translateY(-110px) scale(1.6);opacity:0}}

/* css/swipe-hint.css */
/* v21 — تلميح السحب لأول مرة */
.swipe-hint{position:fixed;z-index:45;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000008c;color:#fff;text-align:center}
.swipe-hint b{font-size:20px}
.swipe-hint small{font-size:13px;color:#ffffffcc}
.swipe-hand{font-size:54px;animation:swipeUp 1.3s ease-in-out infinite}
@keyframes swipeUp{0%{transform:translateY(50px);opacity:0}30%{opacity:1}100%{transform:translateY(-50px);opacity:0}}

/* css/landscape-view.css */
/* v21 — الفيديو العرضي */
.video-card.wide video{object-fit:contain}
.land-btn{position:absolute;z-index:4;left:50%;top:64%;transform:translateX(-50%);padding:7px 14px;border-radius:8px;
  background:#ffffff26;border:1px solid #ffffff40;color:#fff;font-size:13px;font-weight:700;backdrop-filter:blur(8px);white-space:nowrap}
body.clear-mode .land-btn,.video-card.fast .land-btn{opacity:0}

/* css/camera.css */
/* v23 — كاميرا Jokt الجديدة (تصميم v21 المعتمد) */
body.cam-open{overflow:hidden}
.cam{position:fixed;inset:0;z-index:80;background:#07061A;color:#fff;font-family:Cairo,system-ui,sans-serif;user-select:none;-webkit-user-select:none;direction:rtl;overflow:hidden;overflow:clip}
.cam .hidden{display:none!important}
.cam button{color:#fff;display:grid;place-items:center;padding:0}
.cam-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;background:radial-gradient(120% 70% at 30% 35%,#3A4A5E 0%,#1C2433 45%,#0A0D16 100%)}
.cam-live{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cam-live.mirror{transform:scaleX(-1)}
.cam-grade{position:absolute;inset:0;mix-blend-mode:soft-light;pointer-events:none;transition:opacity .3s,background .3s}
.cam-ov{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.cam-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07061A8c 0%,#07061A00 18%,#07061A00 62%,#07061Ad9 100%)}
.cam-grid{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent calc(33.33% - .5px),#ffffff59 33.33%,transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),#ffffff59 66.66%,transparent calc(66.66% + .5px)),
  linear-gradient(transparent calc(33.33% - .5px),#ffffff59 33.33%,transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),#ffffff59 66.66%,transparent calc(66.66% + .5px))}
.cam-fname{position:absolute;top:39%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;opacity:0;transform:scale(.9);transition:opacity .25s,transform .25s;text-shadow:0 2px 16px #0009}
.cam-fname.show{opacity:1;transform:none}
.cam-fname b{font-size:40px;font-weight:800;letter-spacing:1px}
.cam-fname small{font-size:13px;color:#ffffffcc}
.cam-count{position:absolute;inset:0;display:grid;place-items:center;font:800 120px Poppins,Cairo,sans-serif;text-shadow:0 0 40px #FF2D7A;pointer-events:none}
.cam-count.pop{animation:camPop 1s ease-out}
@keyframes camPop{0%{transform:scale(1.6);opacity:0}30%{transform:scale(1);opacity:1}100%{opacity:.2}}
.cam-busy{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#07061Acc;backdrop-filter:blur(6px)}
.cam-busy i{width:54px;height:54px;border-radius:50%;border:4px solid #ffffff26;border-top-color:#FF2D7A;animation:camSpin 1s linear infinite}
.cam-busy b{font-size:16px}.cam-busy small{font-size:14px;color:#22D3EE;direction:ltr}
@keyframes camSpin{to{transform:rotate(360deg)}}
.cam-flashfx{position:absolute;inset:0;z-index:8;background:#fff;animation:camFlash .4s ease-out forwards;pointer-events:none}
@keyframes camFlash{from{opacity:.9}to{opacity:0}}

/* الشريط العلوي */
.cam-progress{position:absolute;z-index:3;top:calc(10px + env(safe-area-inset-top));left:16px;right:16px;height:4px;border-radius:2px;background:#ffffff33;overflow:hidden;opacity:0;transition:opacity .2s}
.cam.recording .cam-progress,.cam.has-segs .cam-progress{opacity:1}
.cam-progress i{position:absolute;right:0;top:0;bottom:0;width:0;background:linear-gradient(270deg,#FF2D7A,#8B5CF6)}
.cam-top{position:absolute;z-index:4;top:calc(20px + env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.cam-sound{display:flex!important;align-items:center;gap:8px;height:44px;padding:0 16px!important;border-radius:22px;background:#ffffff1f;border:1px solid #ffffff2e;max-width:62%;backdrop-filter:blur(10px)}
.cam-sound svg{color:#FF4D8D;flex-shrink:0}
.cam-sound span{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cam-sound.has{background:#FF2D7A33;border-color:#FF2D7A88}
.cam-x{width:44px;height:44px;border-radius:22px;border:1px solid #ffffff2e;background:#ffffff1f;backdrop-filter:blur(10px)}
.cam-timepill{display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:18px;background:#07061A99}
.cam-timepill i{width:10px;height:10px;border-radius:5px;background:#FF2D7A}
.cam-timepill span{font-size:15px;font-weight:800}
.cam.recording .cam-timepill,.cam.has-segs .cam-timepill{display:flex!important}
.cam.recording .cam-sound,.cam.has-segs .cam-sound{display:none!important}
.cam.recording .cam-timepill i{animation:camBlink 1s infinite}
@keyframes camBlink{50%{opacity:.25}}

/* كبسولة الأدوات */
.cam-side{position:absolute;z-index:4;top:calc(96px + env(safe-area-inset-top));right:16px;display:flex;flex-direction:column;gap:10px;padding:8px;border-radius:28px;background:#0A091E6b;border:1px solid #ffffff24;backdrop-filter:blur(10px);transition:opacity .2s}
.cam-side button{width:44px;height:44px;border-radius:22px;position:relative}
.cam-side button.on{background:#22D3EE38;color:#22D3EE}
.cam-side button.off{opacity:.45}
.cam-side button.more{background:#ffffff24}
.cam-side em{position:absolute;bottom:2px;left:4px;font:800 10px Poppins,sans-serif;font-style:normal;color:#22D3EE}
.cam.recording .cam-side,.cam.recording .cam-filters,.cam.recording .cam-modes,.cam.has-segs .cam-modes{opacity:0;pointer-events:none}

/* بطاقات الفلاتر */
.cam-filters{position:absolute;z-index:4;bottom:calc(178px + env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:flex-end;gap:12px;overflow-x:auto;padding:4px calc(50% - 32px);scrollbar-width:none;scroll-snap-type:x mandatory;transition:opacity .2s}
.cam-filters::-webkit-scrollbar{display:none}
.cam-filters button{display:flex!important;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;scroll-snap-align:center;color:#ffffffcc}
.cam-filters span{width:52px;height:64px;border-radius:16px;border:1px solid #ffffff40;transition:all .2s}
.cam-filters small{font-size:11px;white-space:nowrap}
.cam-filters button.on{color:#fff}
.cam-filters button.on span{width:64px;height:80px;border-radius:20px;border:3px solid transparent;background-clip:padding-box!important;box-shadow:0 0 0 3px #FF2D7A,0 0 0 6px #8B5CF655,0 8px 24px #FF2D7A44}
.cam-filters button.on small{font-size:12px;font-weight:800}

/* الأزرار السفلية */
.cam-bottom{position:absolute;z-index:4;bottom:calc(56px + env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}
.cam-gal{width:52px;height:52px;border-radius:16px;border:2px solid #ffffffd9!important;background:linear-gradient(135deg,#4B5B70,#1E2533)}
.cam-stk,.cam-del{width:52px;height:52px;border-radius:26px;border:1px solid #ffffff2e!important;background:#ffffff1f;backdrop-filter:blur(10px)}
.cam-done{width:52px;height:52px;border-radius:26px;background:#22D3EE;color:#07061A!important}
.cam.has-segs .cam-gal,.cam.has-segs .cam-stk,.cam.recording .cam-gal,.cam.recording .cam-stk{display:none!important}
.cam.has-segs .cam-del,.cam.has-segs .cam-done,.cam.recording .cam-done{display:grid!important}
.cam.recording .cam-del{display:grid!important;opacity:.35;pointer-events:none}
.cam-rec{width:96px;height:96px;position:relative}
.cam-ring{position:absolute;inset:0;width:96px;height:96px}
.cam-ring circle{fill:none;stroke-width:6}
.cam-ring .r-bg{stroke:url(#jkRing)}
.cam-ring .r-fg{stroke:#FF2D7A;stroke-linecap:round;transition:stroke-dasharray .1s linear}
.cam-dot{width:70px;height:70px;border-radius:35px;background:#FF2D7A;box-shadow:inset 0 0 0 5px #07061A00;transition:all .2s;position:relative;z-index:1}
.cam.recording .cam-ring .r-bg,.cam.has-segs .cam-ring .r-bg{stroke:#ffffff38}
.cam.recording .cam-dot{width:36px;height:36px;border-radius:10px}
.cam.photo .cam-dot{background:#fff}
.cam-hint{position:absolute;z-index:4;bottom:calc(20px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:13px;color:#ffffffbf}
.cam.recording .cam-hint,.cam.has-segs .cam-hint{display:block!important}

/* شريط الأوضاع */
.cam-modes{position:absolute;z-index:4;bottom:calc(14px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:22px;touch-action:pan-y;transition:opacity .2s}
.cam-modes button{font-size:14px;color:#ffffff8c;padding:6px 2px!important;border-bottom:2px solid transparent}
.cam-modes button.on{color:#fff;font-weight:800;border-color:#FF2D7A}
.cam-modes button.is-live{color:#FF6B9E;font-weight:700}

/* اللوحات السفلية (الأدوات، النص، الملصقات) */
.cam-sheet{position:absolute;z-index:6;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:32px;background:#13112C;border:1px solid #ffffff1f;padding:14px 20px 22px;box-shadow:0 -20px 60px #000a;animation:camUp .25s cubic-bezier(.2,.8,.2,1)}
@keyframes camUp{from{transform:translateY(40px);opacity:0}}
.cs-grab{width:44px;height:5px;border-radius:3px;background:#ffffff40;margin:0 auto 16px}
.cs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.cs-head h2{margin:0;font-size:20px;font-weight:800}
.cs-x{width:44px;height:44px;border-radius:22px;background:#ffffff14}
.cs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px}
.cs-grid button{display:flex!important;flex-direction:column;align-items:center;gap:8px}
.cs-grid span{width:60px;height:60px;border-radius:20px;background:#ffffff12;display:grid;place-items:center}
.cs-grid small{font-size:12px;white-space:nowrap}
.cs-grid button.on span{background:#22D3EE2e;color:#22D3EE}
.cs-voices{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.cs-voices button{height:36px;padding:0 14px!important;border-radius:18px;border:1px solid #ffffff26!important;font-size:13px}
.cs-voices button.on{background:#FF2D7A;border-color:#FF2D7A!important;font-weight:700}
.cs-beauty{margin-top:20px;padding:14px 16px;border-radius:18px;background:#ffffff0d;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cs-beauty div{display:flex;flex-direction:column;gap:2px}
.cs-beauty b{font-size:14px}.cs-beauty small{font-size:12px;color:#ffffffb3}
.cs-beauty input{width:150px;accent-color:#22D3EE;direction:rtl}
.cam-textp input{width:100%;height:48px;border-radius:16px;border:1px solid #ffffff26;background:#ffffff0f;color:#fff;font:700 16px Cairo,sans-serif;padding:0 14px;outline:none}
.cam-colors{display:flex;gap:10px;justify-content:center;margin:14px 0}
.cam-colors button{width:32px;height:32px;border-radius:50%;border:2px solid #ffffff55!important}
.cam-colors button.on{box-shadow:0 0 0 3px #22D3EE}
.cam-add{width:100%;height:46px;border-radius:23px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);font-weight:800}
.cam-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.cam-emojis button{font-size:30px;height:52px;border-radius:14px;background:#ffffff0a}
.cam-trash{position:absolute;z-index:5;bottom:calc(30px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:20px;background:#07061Acc;border:1px dashed #ffffff55;font-size:13px}
.cam-trash.hot{background:#E11D48;border-color:#fff}
.up-sound{margin-bottom:8px;padding:8px 12px;border-radius:12px;background:#FF2D7A22;color:#FDA4C4;font-size:13px;font-weight:700}
/* v24 */
.cam-duetcv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;background:#000}
.cam.duet .cam-duetcv{display:block}
.cam.duet .cam-filters{display:none}
.cam-sub{position:absolute;left:20px;right:20px;bottom:30%;text-align:center;font:800 18px Cairo,sans-serif;color:#fff;background:#000000a6;border-radius:14px;padding:8px 12px;pointer-events:none}
.cam-cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-height:150px;overflow:auto}
.cam-cities button{height:34px;padding:0 12px!important;border-radius:17px;background:#FF2D7A26;border:1px solid #FF2D7A66!important;font-size:13px;font-weight:700}

/* css/calls.css */
/* v22 — المكالمات الصوتية والمرئية بهوية Jokt */
.call{position:fixed;inset:0;z-index:95;background:radial-gradient(70% 50% at 50% 30%,#3a1a6e,#0e0824 70%);color:#fff;overflow:hidden;font-family:Cairo,system-ui,sans-serif}
.call-remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0;transition:opacity .3s}
.call.remote-video .call-remote{opacity:1}
.call-local{position:absolute;z-index:3;top:calc(16px + env(safe-area-inset-top));right:14px;width:104px;height:150px;border-radius:18px;object-fit:cover;background:#000;
  border:2px solid #ffffff40;box-shadow:0 8px 24px #0008;transform:scaleX(-1);touch-action:none}
.call.back-cam .call-local{transform:none}
.call.is-audio .call-local,.call.cam-off .call-local{display:none}
/* اسم الصديق والحالة */
.call-who{position:absolute;z-index:2;left:0;right:0;top:22%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:.3s}
.call-who img{width:110px;height:110px;border-radius:36px;object-fit:cover;border:3px solid transparent;
  background:linear-gradient(#0e0824,#0e0824) padding-box,linear-gradient(135deg,var(--pink,#ff2d87),var(--cyan,#38d1ec)) border-box;animation:callPulse 1.8s ease-in-out infinite}
.call.live .call-who img{animation:none}
.call-who b{font-size:22px}
.call-status{font-size:14px;color:#ffffffcc;direction:rtl}
.call.live .call-status{font:700 15px Poppins,Cairo,sans-serif;direction:ltr}
@keyframes callPulse{50%{box-shadow:0 0 0 14px #ff2d8722}}
/* عند وصول فيديو الصديق: الاسم يصغر أعلى الشاشة */
.call.remote-video .call-who{top:calc(18px + env(safe-area-inset-top));align-items:flex-start;padding:0 16px;flex-direction:row;gap:10px;text-shadow:0 1px 6px #000}
.call.remote-video .call-who img{width:40px;height:40px;border-radius:13px}
.call.remote-video .call-who b{font-size:16px}
.call.remote-video .call-who span{align-self:center}
/* أزرار التحكم */
.call-bar{position:absolute;z-index:4;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;
  padding:12px 8px;border-radius:26px;background:#140b30b8;border:1px solid #ffffff1c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.call-bar button{display:flex;flex-direction:column;align-items:center;gap:2px;width:60px}
.call-bar button b{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;font-size:21px;background:#ffffff17}
.call-bar button small{font-size:10px;color:#ffffffcc}
.call-bar button.off b{background:#fff;color:#0e0824;filter:grayscale(1)}
.call.is-audio .cb-flip{display:none}
.cb-end b{width:62px!important;height:62px!important;border-radius:22px!important;background:linear-gradient(135deg,#ff2d55,#ff2d87)!important;font-size:26px!important;transform:rotate(135deg);box-shadow:0 8px 22px #ff2d5566}
/* المكالمة الواردة */
.call-ring{position:fixed;inset:0;z-index:96;display:grid;place-items:center;padding:24px;background:#0e0824e6;backdrop-filter:blur(8px);animation:ringIn .25s ease-out}
@keyframes ringIn{from{opacity:0}}
.cr-card{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;border-radius:28px;text-align:center;
  background:linear-gradient(160deg,#1f1446,#120a2c);border:1px solid #ffffff1a}
.cr-card img{width:96px;height:96px;border-radius:32px;object-fit:cover;animation:callPulse 1.4s ease-in-out infinite}
.cr-card b{font-size:20px;margin-top:6px;color:#fff}
.cr-card small{color:#ffffffcc;font-size:13px}
.cr-btns{display:flex;gap:12px;width:100%;margin-top:16px}
.cr-btns button{flex:1;padding:13px;border-radius:18px;font-weight:800;font-size:15px;color:#fff}
.cr-no{background:#ff2d55}
.cr-yes{background:linear-gradient(135deg,#1fd17a,var(--cyan,#38d1ec));animation:yesShake 1.2s ease-in-out infinite}
@keyframes yesShake{0%,60%,100%{transform:none}70%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}90%{transform:rotate(-2deg)}}
/* أزرار الاتصال في رأس المحادثة وصفحة الحساب */
.call-btns{display:flex;gap:6px;margin-inline-start:auto}
.call-btns button{width:38px;height:38px;border-radius:13px;background:#ffffff12;font-size:17px}
.call-prof{flex:none;width:48px;padding-inline:0}
.call-log-btn{display:block;width:100%;margin:6px 0 10px;padding:11px 14px;border-radius:16px;text-align:start;font-weight:800;font-size:14px;
  background:linear-gradient(135deg,#ff2d871f,#38d1ec1f);border:1px solid #ff2d8744}
.cl-row .cl-call{margin-inline-start:auto;width:40px;height:40px;border-radius:14px;background:#ffffff12;font-size:18px}
.cl-row.missed b,.cl-row.declined b{color:#ff5a7a}
/* v24.4 — أيقونات المكالمة العصرية */
.call-bar button b svg{width:24px;height:24px}
.call-bar button.off b{position:relative;filter:none}
.call-bar button.off b::after{content:'';position:absolute;width:30px;height:2.5px;border-radius:2px;background:#0e0824;transform:rotate(-45deg)}
.cb-end b svg{width:28px;height:28px;color:#fff}

/* css/gift-flags.css */
/* v22 — مشهد العلم المرفرف (من قسم الهدايا في تطبيق «تواصل») بألوان Jokt */
.tlg-flag{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;overflow:hidden;
  background:radial-gradient(90% 60% at 50% 42%,rgba(70,30,140,.88),rgba(14,8,36,.95));backdrop-filter:blur(3px);animation:tfIn .45s ease-out both}
.tlg-flag.out{animation:tfOut .6s ease-in forwards}
@keyframes tfIn{from{opacity:0}to{opacity:1}}
@keyframes tfOut{to{opacity:0}}
.tf-rays{position:absolute;left:50%;top:42%;width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;opacity:.22;
  background:repeating-conic-gradient(from 0deg,rgba(255,236,170,.55) 0 7deg,transparent 7deg 20deg);animation:tfSpin 14s linear infinite}
@keyframes tfSpin{to{transform:rotate(360deg)}}
.tf-stage{position:relative;display:flex;align-items:flex-start;animation:tfRise .8s cubic-bezier(.2,1.3,.4,1) both}
@keyframes tfRise{from{transform:translateY(60px) scale(.6);opacity:0}to{transform:none;opacity:1}}
.tf-pole{width:10px;height:calc(min(80vw,420px)*.75 + 120px);border-radius:6px;margin-top:-14px;position:relative;
  background:linear-gradient(90deg,#8a6a1f,#f8e08e 45%,#b8892c);box-shadow:0 0 14px rgba(250,204,21,.45)}
.tf-pole span{position:absolute;top:-16px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff6c9,#f2c440 45%,#a8761a)}
.tf-cloth{--w:min(80vw,420px);width:var(--w);height:calc(var(--w)*.75);display:flex;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}
.tf-cloth i{flex:1;height:100%;position:relative;background-size:calc(var(--n)*100%) 100%;background-repeat:no-repeat;
  animation:tfWave 1.5s ease-in-out infinite;animation-delay:var(--d)}
.tf-cloth i::after{content:'';position:absolute;inset:0;background:#000;opacity:0;animation:tfShade 1.5s ease-in-out infinite;animation-delay:var(--d)}
.tf-cloth i:first-child{border-radius:3px 0 0 3px}
@keyframes tfWave{0%,100%{transform:translateY(calc(var(--a) * -1))}50%{transform:translateY(var(--a))}}
@keyframes tfShade{0%,100%{opacity:0}25%{opacity:.08}50%{opacity:.24}75%{opacity:.06}}
.tf-txt{position:relative;text-align:center;color:#fff;padding:0 22px;animation:tfRise .8s .25s cubic-bezier(.2,1.3,.4,1) both}
.tf-txt b{display:block;font-size:22px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.tf-txt small{display:block;margin-top:4px;font-size:15px;font-weight:700;color:#fde68a}
.tf-sp{position:absolute;bottom:-12px;width:7px;height:12px;border-radius:2px;opacity:.85;animation:tfUp 3s linear infinite;
  background:linear-gradient(#fde68a,#f59e0b)}
.tf-sp:nth-child(3n){background:linear-gradient(#a7f3d0,#10b981)}
.tf-sp:nth-child(3n+1){background:linear-gradient(#fff,#e5e7eb)}
@keyframes tfUp{to{transform:translateY(-110vh) rotate(540deg);opacity:0}}
/* شارة العدد فوق مشاهد الهدايا (كل الأنواع) */
.tlg-xn{position:absolute;top:calc(env(safe-area-inset-top) + 18%);left:50%;transform:translateX(-50%);z-index:5;
  font-size:44px;font-weight:900;color:#fde047;font-style:italic;letter-spacing:1px;
  text-shadow:0 0 12px rgba(236,72,153,.9),0 3px 0 #9d174d,0 6px 18px rgba(0,0,0,.6);pointer-events:none}
.tlg-xn.pop{animation:tfX .45s cubic-bezier(.2,1.8,.4,1)}
@keyframes tfX{from{transform:translateX(-50%) scale(2.2);opacity:.3}to{transform:translateX(-50%) scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.tf-cloth i,.tf-cloth i::after,.tf-rays,.tf-sp{animation:none}}

/* css/sounds-lib.css */
/* v23 — نافذة مكتبة الأصوات (تصميم v21 المعتمد) */
.snd-sheet{position:fixed;inset:0;z-index:95;font-family:Cairo,system-ui,sans-serif;color:#fff}
.snd-back{position:absolute;inset:0;background:#07061Acc;opacity:0;transition:opacity .25s}
.snd-card{position:absolute;left:0;right:0;bottom:0;top:max(56px,env(safe-area-inset-top));border-radius:32px 32px 0 0;background:#13112C;border:1px solid #ffffff1f;padding:12px 18px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);direction:rtl}
.snd-sheet.show .snd-back{opacity:1}.snd-sheet.show .snd-card{transform:none}
.snd-grab{width:44px;height:5px;border-radius:3px;background:#ffffff40;margin:0 auto}
.snd-head{display:flex;align-items:center;justify-content:space-between}
.snd-head h2{margin:0;font-size:20px;font-weight:800}
.snd-safe{font-size:12px;color:#6EE7B7}
.snd-x{width:44px;height:44px;border-radius:22px;background:#ffffff14;display:grid;place-items:center}
.snd-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:23px;background:#ffffff12;color:#ffffffb3}
.snd-search input{flex:1;background:transparent;border:0;outline:none;color:#fff;font:inherit;font-size:14px}
.snd-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.snd-cats::-webkit-scrollbar{display:none}
.snd-cats button{height:36px;padding:0 14px;border-radius:18px;border:1px solid #ffffff26;font-size:13px;white-space:nowrap;flex-shrink:0}
.snd-cats button.on{background:#FF2D7A;border-color:#FF2D7A;font-weight:700}
.snd-remove{align-self:flex-start;font-size:12px;color:#FDA4C4;padding:6px 12px;border-radius:14px;background:#FF2D7A1f}
.snd-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:10px}
.snd-list h4{margin:6px 0 0;font-size:13px;font-weight:700;color:#ffffffbf}
.snd-rows{display:flex;flex-direction:column;gap:10px}
.snd-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:18px;background:#ffffff0d}
.snd-row.cur{background:#FF2D7A1f;border:1px solid #FF2D7A66}
.snd-play{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;font-size:16px}
.snd-play.on{background:linear-gradient(135deg,#FF2D7A,#8B5CF6)!important}
.snd-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.snd-meta b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snd-meta small{font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snd-use{height:36px;padding:0 14px;border-radius:18px;border:1px solid #ffffff40;font-size:13px;flex-shrink:0}
.snd-row.cur .snd-use,.snd-use:active{background:#FF2D7A;border-color:#FF2D7A;font-weight:700}
.snd-empty{font-size:12px;color:#ffffff99;margin:4px 0}
.snd-fav{width:34px;height:34px;border-radius:17px;color:#ffffff55;font-size:18px;flex-shrink:0}.snd-fav.on{color:#FACC15}

/* css/live.css */
/* v23 — البث المباشر (تصميم v21 المعتمد) */
body.live-open{overflow:hidden}
.jlive{position:fixed;inset:0;z-index:85;background:#07061A;color:#fff;font-family:Cairo,system-ui,sans-serif;direction:rtl;overflow:hidden;overflow:clip}
.jlive .hidden{display:none!important}
.jlive button{color:#fff;display:grid;place-items:center;padding:0}
.lv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:radial-gradient(120% 70% at 60% 35%,#5A4A5E 0%,#2A2236 45%,#0A0D16 100%)}
.lv-video.mirror{transform:scaleX(-1)}
.lv-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07061A99 0%,#07061A00 20%,#07061A00 50%,#07061Ad9 100%)}
.jlive.setup .lv-shade{background:linear-gradient(180deg,#07061A8c 0%,#07061A00 20%,#07061A33 50%,#07061Aeb 100%)}
.lv-top{position:absolute;top:calc(20px + env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}
.lv-title{font-size:16px;font-weight:800}
.lv-x{width:44px;height:44px;border-radius:22px;border:1px solid #ffffff2e!important;background:#07061A8c;backdrop-filter:blur(8px)}
/* شاشة قبل البث */
.ls-form{position:absolute;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
.ls-card{padding:16px;border-radius:24px;background:#13112Ce0;border:1px solid #ffffff1f;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(10px)}
.ls-field{display:flex;flex-direction:column;gap:6px}
.ls-field>span{font-size:13px;color:#ffffffbf}
.ls-t{height:46px;padding:0 14px;border-radius:14px;border:1px solid #ffffff26;background:#ffffff0f;color:#fff;font:inherit;font-size:14px;outline:none}
.ls-types{display:flex;gap:8px;flex-wrap:wrap}
.ls-types button{height:36px;padding:0 14px!important;border-radius:18px;border:1px solid #ffffff26!important;font-size:13px}
.ls-types button.on{background:#FF2D7A;border-color:#FF2D7A!important;font-weight:700}
.ls-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ls-row div{display:flex;flex-direction:column;gap:2px}
.ls-row b{font-size:14px}.ls-row small{font-size:12px;color:#ffffffb3}
.ls-row em{font-style:normal;font-size:10px;color:#FACC15;border:1px solid #FACC1566;border-radius:8px;padding:0 6px;margin-inline-start:4px}
.ls-row.dim{opacity:.6}
.ls-sw{width:50px;height:30px;border-radius:15px;background:#ffffff33;position:relative;flex-shrink:0}
.ls-sw i{position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:12px;background:#fff;transition:all .2s}
.ls-sw.on{background:#22D3EE}.ls-sw.on i{right:23px}
.ls-rules{margin:0;font-size:11px;color:#ffffffa6;text-align:center}.ls-rules a{color:#67E8F9}
.ls-start{height:58px;border-radius:29px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);display:flex!important;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:800;width:100%}
.ls-start i{width:10px;height:10px;border-radius:5px;background:#fff;animation:camBlink 1.2s infinite}
@keyframes camBlink{50%{opacity:.25}}
/* شاشة البث */
.lv-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:0 30px}
.lv-wait i{width:48px;height:48px;border-radius:50%;border:4px solid #ffffff26;border-top-color:#FF2D7A;animation:lvSpin 1s linear infinite}
@keyframes lvSpin{to{transform:rotate(360deg)}}
.lv-bar{position:absolute;top:calc(18px + env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.lv-who{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 4px;border-radius:26px;background:#07061A8c;min-width:0;max-width:62%}
.lv-who img{width:40px;height:40px;border-radius:20px;border:2px solid #FF2D7A;object-fit:cover;flex-shrink:0}
.lv-who div{display:flex;flex-direction:column;min-width:0}
.lv-who b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-who small{font-size:11px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-follow{height:34px;padding:0 14px!important;border-radius:17px;background:linear-gradient(270deg,#FF2D7A,#22D3EE);font-size:13px;font-weight:800;flex-shrink:0}
.lv-follow.on{background:#ffffff26}
.lv-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.lv-live{height:30px;padding:0 10px;border-radius:8px;background:#E11D48;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}
.lv-live i{width:7px;height:7px;border-radius:4px;background:#fff;animation:camBlink 1.2s infinite}
.lv-count{height:30px;padding:0 10px;border-radius:8px;background:#07061A8c;display:flex;align-items:center;gap:5px;font-size:12px}
.lv-points{position:absolute;top:calc(76px + env(safe-area-inset-top));right:16px;display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:15px;background:#FACC152e;border:1px solid #FACC1580;font-size:12px;color:#FDE68A}
.lv-points svg{color:#FACC15}
.lv-gifts{position:absolute;top:38%;right:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.lv-gb{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:26px;background:linear-gradient(270deg,#FF2D7Ad9,#8B5CF699)}
.lv-gb.pop{animation:lvPop .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes lvPop{from{transform:translateX(60px) scale(.8);opacity:0}}
.lg-ic{width:40px;height:40px;border-radius:20px;background:#FDE68A;display:grid;place-items:center;font-size:22px;overflow:hidden}
.lg-ic img{width:34px;height:34px;object-fit:contain}
.lv-gb div{display:flex;flex-direction:column}.lv-gb b{font-size:13px}.lv-gb small{font-size:11px}
.lg-n{font-size:22px;font-weight:800;margin-inline-start:6px}
.lv-chat{position:absolute;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));width:min(280px,72%);max-height:34vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#000 22%)}
.lv-chat::-webkit-scrollbar{display:none}
.lv-msg{align-self:flex-start;padding:8px 12px;border-radius:16px;background:#07061A80;font-size:13px;line-height:1.5;word-break:break-word}
.lv-msg span{font-weight:700}
.lv-msg.join{background:#22D3EE2e;color:#A5F3FC;font-size:12px;padding:6px 12px}
.lv-msg.sys{background:#FF2D7A33;color:#FBCFE8;font-size:12px}
.lv-msg.host{border:1px solid #FF2D7A88}
.lv-hearts{position:absolute;left:30px;bottom:calc(100px + env(safe-area-inset-bottom));width:60px;height:300px;pointer-events:none}
.lv-hearts i{position:absolute;bottom:0;left:10px;animation:lvHeart 2.2s ease-out forwards}
@keyframes lvHeart{to{transform:translate(var(--x),-280px) scale(1.4);opacity:0}}
.lv-foot{position:absolute;left:16px;right:16px;bottom:calc(26px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px}
.lv-input{flex:1;min-width:0;display:flex;align-items:center;height:48px;padding:0 16px;border-radius:24px;background:#ffffff1f;border:1px solid #ffffff26}
.lv-input input{flex:1;min-width:0;width:100%;background:transparent;border:0;outline:none;color:#fff;font:inherit;font-size:14px}
.lv-btn{width:48px;height:48px;border-radius:24px;background:#ffffff1f;flex-shrink:0}
.lv-btn.off{opacity:.45}
.lv-like{color:#FF2D7A!important}
.lv-gift{width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,#FACC15,#FF2D7A);flex-shrink:0}
.lv-report{position:absolute;top:calc(76px + env(safe-area-inset-top));left:16px;width:40px;height:40px;border-radius:20px;background:#07061A8c}
.lv-picker{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#13112C;border-top:1px solid #ffffff1f;animation:lvUp .25s ease-out}
@keyframes lvUp{from{transform:translateY(100%)}}
.lp-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lp-h>b{font-size:16px}.lp-h span{flex:1;font-size:12px;color:#ffffffb3}
.lp-h button{width:40px;height:40px;border-radius:20px;background:#ffffff14}
.lp-gs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lp-gs button{display:flex!important;flex-direction:column;align-items:center;gap:3px;padding:8px 2px!important;border-radius:16px;background:#ffffff0d;font-size:26px}
.lp-gs img{width:40px;height:40px;object-fit:contain}
.lp-gs small{font-size:11px}.lp-gs em{font-style:normal;font-size:10px;color:#FDE68A}
.lp-q{display:flex;gap:8px;justify-content:center;margin-top:12px}
.lp-q button{height:34px;padding:0 16px!important;border-radius:17px;border:1px solid #ffffff26!important;font-size:13px}
.lp-q button.on{background:#FF2D7A;border-color:#FF2D7A!important}
.lv-end{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#07061Ae6;backdrop-filter:blur(8px);padding:24px;text-align:center}
.lv-end>div{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px}
.lv-end span{font-size:48px}.lv-end h3{margin:0;font-size:22px}
.lv-sum{display:flex;gap:10px;width:100%}.lv-sum div{flex:1;padding:12px 6px;border-radius:16px;background:#ffffff0d;display:flex;flex-direction:column}
.lv-sum b{font-size:20px}.lv-sum small{font-size:11px;color:#ffffffb3}
/* تبويب «مباشر» وصفحة البثوث */
.live-tab{padding:9px 3px 7px;color:#FF6B9E;font-weight:800;font-size:13px;display:flex;align-items:center;gap:5px}
.live-tab i{width:7px;height:7px;border-radius:50%;background:#ffffff55}
.live-tab.has i{background:#E11D48;box-shadow:0 0 8px #E11D48;animation:camBlink 1.2s infinite}
.live-page{padding:92px 16px 120px;direction:rtl;min-height:100vh}
.lp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.lp-head h2{margin:0;font-size:22px}
.lp-go{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:20px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);font-weight:800;font-size:13px}
.lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-card{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#13112C;text-align:right}
.lp-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(2px) brightness(.7);transform:scale(1.1)}
.lp-badge{position:absolute;top:8px;right:8px;background:#E11D48;font-size:11px;font-weight:800;padding:3px 8px;border-radius:7px;display:flex;align-items:center;gap:4px}
.lp-badge i{width:6px;height:6px;border-radius:3px;background:#fff}
.lp-views{position:absolute;top:8px;left:8px;background:#07061A99;font-size:11px;padding:3px 8px;border-radius:7px;display:flex;align-items:center;gap:4px}
.lp-info{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 10px;background:linear-gradient(transparent,#000c);display:flex;flex-direction:column}
.lp-info b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-info small{font-size:11px;color:#ffffffbf}
.lp-empty{grid-column:1/-1;text-align:center;color:var(--muted,#a5abbc);font-size:13px}
.lp-none{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:50px 20px;text-align:center;border-radius:20px;background:#ffffff08}
.lp-none span{font-size:44px}.lp-none small{color:var(--muted,#a5abbc)}
/* v23.1 */
.lv-video.wide{object-fit:contain;background:#000}
.lv-input{padding-inline-end:4px}
.lv-send{width:40px;height:40px;border-radius:20px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);font-size:16px;flex-shrink:0;transform:scaleX(-1)}
/* ===== v23.2 — ترتيب البث المعروف ===== */
.jlive .lv-shade{background:linear-gradient(180deg,#0000008c 0%,#00000000 18%,#00000000 60%,#000000b3 100%)}
.lv-bar{top:calc(12px + env(safe-area-inset-top));left:12px;right:12px}
.lv-who{gap:8px;padding:3px;padding-inline-end:3px;border-radius:24px;background:#00000059;max-width:66%;backdrop-filter:blur(6px)}
.lv-who img{width:38px;height:38px;border:0}
.lv-who b{font-size:14px}
.lv-who small{font-size:11px;color:#ffffffd9;direction:ltr;text-align:right}
.lv-follow{height:34px;padding:0 14px!important;border-radius:17px;background:#FF2D7A!important;font-size:13px;font-weight:800;white-space:nowrap}
.lv-follow.on{background:#ffffff33!important;padding:0 12px!important}
.lv-left{display:flex;align-items:center;gap:8px;flex-direction:row-reverse}
.lv-viewers{display:flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 12px;border-radius:17px;background:#00000059;font-size:13px;direction:ltr}
.lv-viewers b{order:-1}
.lv-avs{display:flex}
.lv-avs img{width:28px;height:28px;border-radius:14px;border:2px solid #FACC15;object-fit:cover;margin-left:-8px}
.lv-avs img:first-child{margin-left:0}
.jlive .lv-x{width:38px;height:38px;border:0!important;background:transparent;backdrop-filter:none}
.lv-row2{position:absolute;top:calc(60px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.lv-rank{height:30px;padding:0 12px!important;border-radius:15px;background:#00000059;font-size:12px;font-weight:700;white-space:nowrap}
.lv-row2l{display:flex;align-items:center;gap:6px;flex-direction:row-reverse;min-width:0}
.lv-row2 .lv-live{height:26px;padding:0 8px;border-radius:13px;font-size:11px}
.lv-topg{height:30px;padding:0 12px;border-radius:15px;background:#00000059;font-size:12px;display:flex;align-items:center;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-recent{height:30px;padding:0 8px;border-radius:15px;background:#8B5CF680;display:flex;align-items:center;gap:2px;font-size:18px}
.lv-recent img{width:22px;height:22px;object-fit:contain}
.lv-points{top:calc(98px + env(safe-area-inset-top));right:12px;height:26px;font-size:11px}
.lv-report{top:calc(98px + env(safe-area-inset-top));left:12px;width:34px;height:34px;background:#00000059}
.jlive .hidden{display:none!important}
/* التعليقات: صورة + اسم فوق + نص تحت بدون فقاعة */
.lv-chat{right:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:min(300px,76%);gap:10px}
.lv-msg{display:flex;align-items:flex-start;gap:8px;background:none;padding:0;border-radius:0;text-shadow:0 1px 3px #000c}
.lv-msg .lm-av{width:32px;height:32px;border-radius:16px;object-fit:cover;flex-shrink:0;border:1px solid #ffffff33}
.lv-msg div{display:flex;flex-direction:column;min-width:0}
.lv-msg small{font-size:12px;font-weight:600;opacity:.9}
.lv-msg span{font-size:14px;color:#fff;font-weight:600;word-break:break-word}
.lv-msg.join,.lv-msg.sys,.lv-msg.like{background:#00000040;padding:5px 12px;border-radius:14px;font-size:12px}
.lv-msg.like{background:none;padding:0;font-size:14px;font-weight:600}
.lv-msg.host .lm-av{border:2px solid #FF2D7A}
/* القلوب تطير من اليمين تحت */
.lv-hearts{left:auto;right:6px;bottom:calc(70px + env(safe-area-inset-bottom));width:50px}
.lv-hearts i{left:auto;right:8px}
/* الشريط السفلي */
.lv-foot{left:10px;right:10px;bottom:calc(14px + env(safe-area-inset-bottom));gap:8px}
.lv-input{height:46px;padding:0 6px;border-radius:23px;background:#00000066;border:0;gap:4px}
.lv-emo{width:34px;height:34px;border-radius:17px;font-size:22px;color:#ffffffcc!important;flex-shrink:0}
.lv-send{width:34px;height:34px}
.lv-btn{width:44px;height:44px;border-radius:22px;background:#00000066;font-size:22px}
.lv-gift{width:44px;height:44px;border-radius:22px;background:#00000066;font-size:22px}
.lv-rose{font-size:22px}
.lv-emojis{position:absolute;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;padding:8px;border-radius:22px;background:#13112Ce6}
.lv-emojis button{font-size:24px;width:38px;height:38px}
.lv-gifts{top:44%}
.lv-ranks{display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow:auto}
.lv-ranks div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0d}
.lv-ranks em{font-style:normal;font-weight:800;color:#FACC15;width:20px}.lv-ranks b{flex:1}.lv-ranks span{color:#FDE68A;font-size:13px}
.ls-q{font-style:normal;font-size:11px;color:#22D3EE;border:1px solid #22D3EE66;border-radius:8px;padding:0 6px;margin-inline-start:6px}
.lv-msg.ev .ev-l span{font-size:13px;font-weight:600}.lv-msg.ev .ev-l small{color:#ffffffb3;font-size:13px;margin-inline-end:4px}
.lv-msg.ev .lm-av{width:28px;height:28px}
/* ===== v24: ضيوف + معركة + تثبيت ===== */
.lv-guests,.lv-join{position:relative;font-size:20px}
.lv-join.wait{animation:camBlink 1.2s infinite}.lv-join.on{background:#E11D48!important}
.lg-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:5px;background:#FF2D7A}
.lg-panel{position:absolute;left:0;right:0;bottom:0;z-index:5;max-height:60vh;overflow:auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#13112C;border-top:1px solid #ffffff1f;animation:lvUp .25s ease-out}
.lg-panel h4{margin:12px 0 6px;font-size:13px;color:#ffffffb3}
.lg-x{width:38px;height:38px;border-radius:19px;background:#ffffff14}
.lg-row{display:flex;align-items:center;gap:10px;padding:8px 0}
.lg-row img{width:38px;height:38px;border-radius:19px;object-fit:cover}.lg-row b{flex:1;font-size:14px}
.lg-row button{height:34px;padding:0 14px!important;border-radius:17px;background:#ffffff14;font-size:13px}
.lg-row button.ok{background:#22D3EE;color:#07061A!important;font-weight:800}
.lg-battle{width:100%;height:48px;margin-top:12px;border-radius:24px;background:linear-gradient(270deg,#FF2D7A,#2563EB);font-weight:800}
.lb-bar{position:absolute;top:calc(132px + env(safe-area-inset-top));left:12px;right:12px;z-index:3;padding:8px 10px;border-radius:16px;background:#00000080;backdrop-filter:blur(6px)}
.lb-names{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin-bottom:6px}
.lb-names b{font-family:Poppins,sans-serif}
.lb-time{padding:2px 10px;border-radius:10px;background:#ffffff1f;font-size:12px}
.lb-track{height:10px;border-radius:5px;background:#2563EB;overflow:hidden;direction:rtl}
.lb-track i{display:block;height:100%;background:linear-gradient(270deg,#FF2D7A,#ff6ba6);transition:width .5s}
.lb-bar.done .lb-time{background:#FACC15;color:#1a1300}
.lv-pin{position:absolute;right:12px;left:70px;bottom:calc(84px + 34vh + env(safe-area-inset-bottom));z-index:2;display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-radius:14px;background:#FF2D7A33;border:1px solid #FF2D7A66}
.lv-pin div{display:flex;flex-direction:column;min-width:0}.lv-pin small{font-size:11px;color:#FBCFE8}.lv-pin b{font-size:13px;word-break:break-word}
.lv-mod{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(300px,86vw);padding:16px;border-radius:22px;background:#13112C;border:1px solid #ffffff26;display:flex;flex-direction:column;gap:8px;text-align:center}
.lv-mod button{height:46px;border-radius:14px;background:#ffffff12;font-size:14px;font-weight:700}
.lp-side{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px;font-size:13px}
.lp-side button{height:34px;padding:0 14px!important;border-radius:17px;border:1px solid #ffffff26!important}
.lp-side button.on{background:#FF2D7A;border-color:#FF2D7A!important}
.lp-side button[data-s="b"].on{background:#2563EB;border-color:#2563EB!important}

/* v28.20 — تبويبات صفحة البث: بث مباشر / غرفة صوتية */
.live-page [hidden]{display:none!important}
.lp-tabs{display:flex;gap:8px;margin:6px 0 12px}
.lp-tabs button{flex:1;padding:10px 12px;border-radius:999px;border:1px solid #ffffff1a;background:#ffffff0d;color:#fff;font-weight:800;font-size:14px;cursor:pointer}
.lp-tabs button.on{background:linear-gradient(100deg,#ff2d87,#8b5cf6);border-color:transparent}

/* css/report.css */
/* v23 — نافذة التبليغ + لوحة البلاغات + شاشة الحظر */
.rp-wrap{position:fixed;inset:0;z-index:96;background:#07061Ab3;display:flex;align-items:flex-end;opacity:0;transition:opacity .2s;font-family:Cairo,system-ui,sans-serif;direction:rtl}
.rp-wrap.show{opacity:1}
.rp-card{width:100%;max-width:520px;margin:0 auto;border-radius:32px 32px 0 0;background:#13112C;border:1px solid #ffffff1f;padding:12px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;color:#fff;transform:translateY(40px);transition:transform .25s}
.rp-wrap.show .rp-card{transform:none}
.rp-grab{width:44px;height:5px;border-radius:3px;background:#ffffff40;margin:0 auto 4px}
.rp-card h2{margin:0;font-size:20px}
.rp-sub{font-size:12px;color:#ffffffb3}
.rp-reasons{display:flex;flex-direction:column;gap:8px}
.rp-reasons button{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff14;color:#fff;font-size:14px;text-align:right}
.rp-reasons i{width:20px;height:20px;border-radius:50%;border:2px solid #ffffff55;flex-shrink:0}
.rp-reasons button.on{background:#FF2D7A1f;border-color:#FF2D7A88}
.rp-reasons button.on i{border-color:#FF2D7A;background:radial-gradient(#FF2D7A 45%,transparent 50%)}
.rp-details{display:flex;flex-direction:column;gap:6px}
.rp-details span{font-size:13px;color:#ffffffbf}
.rp-details textarea{border-radius:14px;border:1px solid #ffffff26;background:#ffffff0f;color:#fff;font:inherit;font-size:14px;padding:10px 12px;resize:none;outline:none}
.rp-btns{display:flex;gap:10px}
.rp-send{flex:2;height:50px;border-radius:25px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);font-weight:800;font-size:15px;color:#fff}
.rp-send:disabled{opacity:.6}
.rp-cancel{flex:1;height:50px;border-radius:25px;border:1px solid #ffffff33!important;color:#fff}
.rp-links{display:flex;justify-content:center;gap:18px;font-size:12px}.rp-links a{color:#67E8F9}
/* لوحة البلاغات في صفحة الأدمن */
.ar-tabs{display:flex;gap:8px;margin:8px 0 12px;flex-wrap:wrap}
.ar-tabs button{height:36px;padding:0 14px;border-radius:18px;border:1px solid #ffffff26;font-size:13px}
.ar-tabs button.on{background:#FF2D7A;border-color:#FF2D7A;font-weight:700}
.ar-new{font-size:12px;color:#FDA4C4;margin-inline-start:6px}
.ar-card{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff14;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}
.ar-top{display:flex;gap:10px;align-items:flex-start}
.ar-thumb{width:56px;height:74px;border-radius:12px;background:#1C2433;object-fit:cover;flex-shrink:0}
.ar-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ar-reason{align-self:flex-start;font-size:11px;font-weight:800;padding:2px 9px;border-radius:9px;background:#E11D4833;color:#FDA4AF}
.ar-reason.cr{background:#FACC1533;color:#FDE68A}
.ar-meta b{font-size:14px}.ar-meta small{font-size:12px;color:#ffffffb3;word-break:break-word}
.ar-strikes{font-size:12px;color:#FDE68A}
.ar-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ar-acts button{height:40px;border-radius:12px;font-size:13px;font-weight:700;background:#ffffff12}
.ar-acts .mute{background:#FACC1526;color:#FDE68A}.ar-acts .del{background:#E11D4826;color:#FDA4AF}.ar-acts .ban{background:#E11D48;color:#fff}
.ar-rule{font-size:12px;color:#ffffffa6;padding:10px 12px;border-radius:12px;background:#22D3EE14;margin-top:4px}
.ar-done{font-size:12px;color:#6EE7B7}
.ban-wall{position:fixed;inset:0;z-index:999;background:#07061Af2;display:grid;place-items:center;padding:24px;text-align:center;font-family:Cairo,system-ui,sans-serif;direction:rtl}
.ban-wall>div{max-width:340px;display:flex;flex-direction:column;gap:8px;align-items:center}
.ban-wall span{font-size:52px}.ban-wall h2{margin:0}.ban-wall a{color:#67E8F9}
.ban-wall button{margin-top:8px;height:46px;padding:0 30px;border-radius:23px;background:#FF2D7A;font-weight:800}

/* css/earnings.css */
/* v23 — شاشة «أرباحي» + الإعلان بمكافأة */
.earn{padding:88px 16px 120px;direction:rtl;display:flex;flex-direction:column;gap:14px;min-height:100vh;font-family:Cairo,system-ui,sans-serif}
.earn-head{display:flex;align-items:center;gap:10px}
.earn-head .back-btn{position:static}
.earn-head h1{margin:0;font-size:24px;flex:1}
.earn-how{color:#67E8F9;font-size:13px;text-decoration:none}
.earn-card{padding:20px;border-radius:28px;background:linear-gradient(150deg,#2A1650,#13112C 60%);border:1px solid #ffffff1f;display:flex;flex-direction:column;gap:8px}
.earn-lbl{font-size:13px;color:#ffffffbf}
.earn-big{display:flex;align-items:baseline;gap:8px}.earn-big b{font:800 40px Poppins,Cairo,sans-serif}.earn-big span{font-size:15px;color:#ffffffcc}
.earn-est{font-size:12px;color:#A5F3FC}
.earn-prog{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.earn-prog>div{height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}
.earn-prog i{display:block;height:100%;background:linear-gradient(270deg,#FF2D7A,#22D3EE);border-radius:4px}
.earn-prog span{font-size:12px;color:#ffffffb3}
.earn-btns{display:flex;gap:10px;margin-top:8px}
.earn-pp{flex:1;height:48px;border-radius:24px;background:#22D3EE;color:#07061A;font-weight:800;font-size:15px}
.earn-pp:disabled{background:#ffffff1f;color:#ffffff80}
.earn-pend{height:48px;padding:0 14px;border-radius:24px;border:1px solid #FACC1566;color:#FDE68A;font-size:13px}
.earn-note{font-size:11px;color:#ffffff99}
.earn-ad{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;background:#FACC1514;border:1px solid #FACC1555;text-align:right}
.earn-ad:disabled{opacity:.5}
.ea-ic{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#FACC15,#FF2D7A);display:grid;place-items:center;font-size:18px;flex-shrink:0}
.ea-tx{display:flex;flex-direction:column;gap:2px}.ea-tx b{font-size:15px}.ea-tx small{font-size:12px;color:#ffffffb3}
.earn-box{padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid #ffffff14;display:flex;flex-direction:column;gap:10px}
.eb-t{font-size:14px;font-weight:800}
.eb-r{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid #ffffff0f}
.eb-r:last-child{border-bottom:0}.eb-r b{font-family:Poppins,Cairo,sans-serif}
.earn-box.how p{margin:0;font-size:13px;line-height:1.9;color:#ffffffcc}
.jrw-ad{position:fixed;inset:0;z-index:97;background:#000;color:#fff;font-family:Cairo,system-ui,sans-serif;direction:rtl}
.jrw-ad video{width:100%;height:100%;object-fit:cover}
.jrw-top{position:absolute;top:calc(16px + env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.jrw-badge{background:#FACC15;color:#19140b;font-size:12px;font-weight:800;padding:5px 12px;border-radius:14px}
.jrw-count{min-width:40px;height:40px;border-radius:20px;background:#000a;display:grid;place-items:center;font:800 16px Poppins,sans-serif;margin-inline-start:auto}
.jrw-x{width:40px;height:40px;border-radius:20px;background:#ffffff33;color:#fff;font-size:16px}
.jrw-bottom{position:absolute;left:16px;right:16px;bottom:calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;text-shadow:0 1px 6px #000}
.jrw-bottom b{font-size:16px}.jrw-bottom small{font-size:13px;color:#FDE68A}
.jrw-visit{align-self:flex-start;height:42px;padding:0 18px;border-radius:21px;background:#fff;color:#111;font-weight:800}
/* v25 — فصل الرصيد: معتمد / قيد المراجعة */
.earn-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.earn-split>div{padding:10px 12px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff14;display:flex;flex-direction:column;gap:2px}
.earn-split>div.pend{border-color:#FACC1544;background:#FACC150d}
.earn-split small{font-size:11px;color:#ffffffa6}
.earn-split b{font:800 18px Poppins,Cairo,sans-serif}
.earn-split .pend b{color:#FDE68A}
.earn-split i{font-style:normal;font-size:11px;color:#ffffff80}
.earn-pend{display:inline-flex;align-items:center;gap:6px}

/* css/legal.css */
/* v23 — صفحات سياسة الخصوصية وشروط الاستخدام */
.legal{padding:88px 18px 120px;direction:rtl;font-family:Cairo,system-ui,sans-serif;line-height:1.9;color:#e9ebf5;max-width:720px;margin:0 auto}
.legal-head{display:flex;align-items:center;gap:10px}
.legal-head .back-btn{position:static}
.legal h1{margin:0;font-size:24px;color:#fff}
.legal-date{font-size:12px;color:#a5abbc;margin:4px 0 16px}
.legal h2{font-size:16px;color:#fff;margin:22px 0 6px;padding-inline-start:10px;border-inline-start:3px solid #FF2D7A}
.legal p,.legal li{font-size:14px}
.legal ul{padding-inline-start:20px;margin:6px 0}
.legal a{color:#67E8F9}
.legal-btn{display:inline-block;margin-top:6px;padding:10px 16px;border-radius:14px;background:#E11D4826;color:#FDA4AF!important;text-decoration:none;font-weight:700;font-size:13px}
.legal-links{margin-top:28px;padding-top:14px;border-top:1px solid #ffffff1a;font-size:13px;text-align:center;color:#a5abbc}
.legal-foot{display:flex;justify-content:center;gap:14px;font-size:12px;margin:10px 0 4px}.legal-foot a{color:#67E8F9;text-decoration:none}

/* css/v23-fixes.css */
/* v23 — إصلاحات الواجهة */
/* زر «تابع الآن» بلون مميز (وردي → أزرق)، ويصير «✓ تتابعه» رمادي */
.video-card .follow-btn{border:0!important;border-radius:14px!important;padding:4px 12px!important;font-size:11px!important;font-weight:800!important;color:#fff!important;background:linear-gradient(270deg,#FF2D7A,#22D3EE)!important;box-shadow:0 3px 12px #FF2D7A55;backdrop-filter:none!important}
.video-card .follow-btn.on{background:#ffffff26!important;color:#ffffffcc!important;box-shadow:none}
/* اسم المستخدم منفصل عن عدد المشاهدات */
.vmeta{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffcc;margin:2px 0;text-shadow:0 1px 4px #000;white-space:nowrap}
.vmeta bdi[dir=ltr]{font-family:Poppins,Cairo,sans-serif;font-size:11.5px;font-weight:600}
.vmeta i{font-style:normal;opacity:.6}
.cmute-note{display:inline-block;font-size:11px;font-weight:700;color:#FDE68A;background:#00000080;border-radius:10px;padding:3px 9px;margin:3px 0}
.video-card video[data-cmute] ~ .mute-btn{opacity:.4}
.auth-legal{font-size:11px;color:#a5abbc;text-align:center;margin:8px 0 0}.auth-legal a{color:#67E8F9}
.ad-new{margin:10px 0;padding:12px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff14}
.ad-new summary{cursor:pointer;font-weight:800;color:#67E8F9}
.ad-paid{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#ffffffcc;margin-top:10px}
.tiny{font-size:11px}
body:not(.on-home) .swipe-hint,body:not(.on-home) .sound-hint{display:none!important}

/* css/profile-pro.css */
/* 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}

/* css/dm-pro.css */
/* v24.1 — المحادثة الخاصة بتصميم عصري */
body.in-chat .topbar,body.in-chat .points-pill{display:none!important}
body.in-chat .bottom-nav{display:none!important}
body.in-chat .chat-panel{height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.chat-panel.dm{background:radial-gradient(120% 60% at 100% 0%,#2A165055,transparent 60%),#0B0A1F}
.dm .chat-head{gap:10px;padding:10px 12px;background:#0F0D26e6;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff12}
.dm-back{width:40px;height:40px;border-radius:20px;display:grid;place-items:center;color:#fff}
.dm-av{position:relative;flex-shrink:0;cursor:pointer}
.dm-av img{width:42px;height:42px;border-radius:21px;object-fit:cover;display:block}
.on-dot{position:absolute;bottom:1px;left:1px;width:12px;height:12px;border-radius:6px;background:#22C55E;border:2px solid #0F0D26}
.dm-who{flex:1;min-width:0}
.dm-who b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-status{font-size:12px!important;color:#ffffff99!important}
.dm-status.on{color:#4ADE80!important}
.dm-typing-t{color:#22D3EE;display:inline-flex;align-items:center;gap:2px}
.dm-typing-t i{width:4px;height:4px;border-radius:2px;background:currentColor;animation:dmDot 1.2s infinite}
.dm-typing-t i:nth-child(2){animation-delay:.15s}.dm-typing-t i:nth-child(3){animation-delay:.3s}
@keyframes dmDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.dm .call-btns{display:flex;gap:6px}
.dm .call-btns button{width:40px;height:40px;border-radius:20px;background:#ffffff14;color:#fff;display:grid;place-items:center;font-size:0;opacity:1}
.dm .call-btns button:active{background:#FF2D7A}
.dm .chat-body{scrollbar-width:none;gap:4px;padding:12px}
.dm .chat-body::-webkit-scrollbar{display:none}
.dm-day{align-self:center;margin:10px 0 6px}
.dm-day span{font-size:11px;font-weight:700;color:#ffffffb3;background:#ffffff12;padding:4px 12px;border-radius:12px}
.dm .bubble{position:relative;font-size:14px;padding:8px 12px 6px;border-radius:20px;box-shadow:0 2px 10px #0003}
.dm .bubble.me{background:linear-gradient(135deg,#FF2D7A,#8B5CF6);border-bottom-right-radius:6px}
.dm .bubble.them{background:#1C1A3A;border-bottom-left-radius:6px}
.dm .bubble time{display:flex;align-items:center;gap:4px;justify-content:flex-end;font-size:10px;opacity:.75;margin-top:2px;direction:ltr}
.dm .bubble .tick{display:inline-flex;color:#ffffffb3;margin:0}
.dm .bubble .tick.read{color:#67E8F9}
.dm .bubble.has-rx{margin-bottom:14px}
.dm-rx{position:absolute;bottom:-14px;left:8px;display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:12px;background:#13112C;border:1px solid #ffffff1f;font-size:10px;font-weight:800}
.bubble.them .dm-rx{left:auto;right:8px}
.dm-rx i{width:18px;height:18px;display:block}
.dm-quote{border-inline-start:3px solid #ffffffb3;background:#00000026;border-radius:10px;padding:5px 9px;margin-bottom:5px;display:flex;flex-direction:column;font-size:12px}
.dm-quote b{font-size:11px;opacity:.9}.dm-quote span{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.dm-typing{display:flex;gap:4px;padding:12px 14px!important}
.dm-typing i{width:7px;height:7px;border-radius:4px;background:#ffffffaa;animation:dmDot 1.2s infinite}
.dm-typing i:nth-child(2){animation-delay:.15s}.dm-typing i:nth-child(3){animation-delay:.3s}
.dm-reply{display:flex;align-items:center;gap:10px;margin:0 12px;padding:8px 12px;border-radius:14px 14px 0 0;background:#1C1A3A;border-inline-start:3px solid #FF2D7A}
.dm-reply div{flex:1;min-width:0;display:flex;flex-direction:column}
.dm-reply b{font-size:12px;color:#FF6BA6}.dm-reply span{font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-reply-x{width:30px;height:30px;border-radius:15px;background:#ffffff14;color:#fff;display:grid;place-items:center}
.dm .dm-input{padding:8px 10px;border-top:0;gap:6px;align-items:center}
.dm .dm-input .search-input{height:46px;border-radius:23px;background:#ffffff0f;border:1px solid #ffffff1a}
.dm .dm-btn{width:46px;height:46px;font-size:0;color:#fff;background:#ffffff12}
.dm .dm-send{background:linear-gradient(135deg,#FF2D7A,#8B5CF6)}
.dm .dm-mic{background:#FF2D7A26;color:#FF6BA6}
.dm .dm-voice button{display:grid;place-items:center;font-size:0}
/* قائمة الضغط المطوّل */
.dm-menu{position:fixed;inset:0;z-index:95;background:#07061A99;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .18s;backdrop-filter:blur(3px)}
.dm-menu.show{opacity:1}
.dm-menu-in{width:min(420px,100%);margin:0 10px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;transform:translateY(20px);transition:transform .2s}
.dm-menu.show .dm-menu-in{transform:none}
.dm-rxbar{display:flex;justify-content:space-around;padding:10px;border-radius:40px;background:#1C1A3A;border:1px solid #ffffff1f}
.dm-rxbar button{width:44px;height:44px;transition:transform .15s}.dm-rxbar button:active{transform:scale(1.35)}
.dm-acts{display:flex;flex-direction:column;border-radius:20px;background:#1C1A3A;border:1px solid #ffffff1f;overflow:hidden}
.dm-acts button{display:flex;align-items:center;gap:12px;padding:14px 18px;color:#fff;font-size:15px;border-bottom:1px solid #ffffff0f}
.dm-acts button.danger{color:#FB7185}
/* إشعار رسالة جديدة */
.dm-banner{position:fixed;z-index:130;top:calc(10px + env(safe-area-inset-top));left:10px;right:10px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:20px;background:#1C1A3Af2;border:1px solid #ffffff26;box-shadow:0 10px 30px #0008;color:#fff;text-align:right;transform:translateY(-130%);transition:transform .3s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(12px)}
.dm-banner.show{transform:none}
.dm-banner img{width:42px;height:42px;border-radius:21px;object-fit:cover}
.dm-banner div{flex:1;min-width:0;display:flex;flex-direction:column}
.dm-banner b{font-size:14px}.dm-banner span{font-size:13px;color:#ffffffcc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-banner em{font-style:normal;font-size:11px;color:#ffffff80}
/* رقم الرسائل على الزر */
.nav-badge{position:absolute;top:-4px;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#FF2D7A;color:#fff;font:800 10px/18px Poppins,sans-serif;font-style:normal;text-align:center;border:2px solid #0B0A1F}
.nav-badge.pop{animation:nbPop .35s cubic-bezier(.2,1.8,.4,1)}
@keyframes nbPop{from{transform:scale(.4)}}
.msg-av .on-dot{bottom:2px;left:2px}
.bottom-nav .nav-item{min-width:44px}
.ic-h{display:flex;align-items:center;gap:8px}.ic-h svg{color:#FF6BA6}
.ic-s{display:grid;place-items:center;width:40px;height:40px;border-radius:20px;background:#ffffff12;color:#FF6BA6}
.cl-call{display:grid;place-items:center;color:#fff}
.call-log-btn{display:inline-flex;align-items:center;gap:8px}
/* v24.2 — رسالة المكالمة الفائتة */
.dm-missed{display:flex;align-items:center;gap:10px;min-width:210px;padding:2px 0}
.dm-missed-ic{width:38px;height:38px;border-radius:19px;display:grid;place-items:center;background:#FB71852e;color:#FB7185;flex-shrink:0}
.bubble.me .dm-missed-ic{background:#ffffff2e;color:#fff}
.dm-missed div{flex:1;display:flex;flex-direction:column}
.dm-missed b{font-size:14px}.dm-missed small{font-size:12px;opacity:.7}
.dm-callback{padding:7px 14px;border-radius:16px;background:linear-gradient(135deg,#22C55E,#16A34A);color:#fff;font-weight:800;font-size:13px}
.dm-voice button{color:#fff}
.dm-share span{display:grid;place-items:center}
.dm .chat-body{padding-bottom:22px}
/* v24.3 — صور وفيديوهات المحادثة بدون إطار (مثل تيك توك) والوقت فوق الصورة */
.dm .bubble.k-image,.dm .bubble.k-video{padding:0;background:none!important;box-shadow:none;border-radius:20px;overflow:visible}
.dm .bubble.k-image .dm-img,.dm .bubble.k-video .dm-vid{border-radius:20px;max-width:240px;max-height:340px;width:auto;box-shadow:0 4px 18px #0006}
.dm .bubble.k-image>time{position:absolute;bottom:8px;left:8px;margin:0;padding:3px 8px;border-radius:10px;background:#0009;backdrop-filter:blur(6px);opacity:1}
.dm .bubble.k-video>time{margin-top:4px;padding:0 6px}
.dm .bubble.k-image p,.dm .bubble.k-video p{margin:6px 4px 0;padding:8px 12px;border-radius:16px;background:#1C1A3A}
.dm .bubble.me.k-image p,.dm .bubble.me.k-video p{background:linear-gradient(135deg,#FF2D7A,#8B5CF6)}
.dm .bubble.k-image .dm-quote,.dm .bubble.k-video .dm-quote{background:#1C1A3A;margin-bottom:4px}

/* css/last-seen.css */
/* v24.3 — آخر ظهور */
.ls-row{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0 10px;padding:12px 14px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff14;color:#fff;text-align:right}
.ls-row>span{width:38px;height:38px;border-radius:19px;display:grid;place-items:center;background:#22D3EE1f;color:#22D3EE;flex-shrink:0}
.ls-row div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ls-row b{font-size:14px}.ls-row small{font-size:11.5px;color:#ffffff99;line-height:1.4}
.ls-sw{position:relative;width:44px;height:26px;border-radius:13px;background:#ffffff26;flex-shrink:0;transition:background .2s}
.ls-sw::after{content:'';position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:10px;background:#fff;transition:transform .2s}
.ls-sw.on{background:linear-gradient(135deg,#FF2D7A,#8B5CF6)}
.ls-sw.on::after{transform:translateX(-18px)}
.dm-status.seen{color:#ffffffa6!important}
/* v24.3 — أيقونات القوائم العصرية (modern-icons.js) */
span.mi{display:inline-grid!important;place-items:center;width:34px;height:34px;border-radius:12px;background:#ffffff0f;color:#FF6BA6;font-size:0!important;flex-shrink:0}
.menu .danger span.mi{color:#FB7185;background:#FB71851a}
.sheet-row span.mi{color:#fff}

/* css/perm-guide.css */
/* v24.4 — دليل أذونات المايك والكاميرا */
.pg{position:fixed;inset:0;z-index:140;display:flex;align-items:flex-end;justify-content:center;background:#07061Acc;backdrop-filter:blur(6px);opacity:0;transition:opacity .22s}
.pg.show{opacity:1}
.pg-card{width:min(440px,100%);margin:0 10px calc(14px + env(safe-area-inset-bottom));padding:22px 18px 14px;border-radius:28px;background:linear-gradient(180deg,#1E1A40,#13112C);border:1px solid #ffffff1f;color:#fff;text-align:center;transform:translateY(30px);transition:transform .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px #0008}
.pg.show .pg-card{transform:none}
.pg-icons{display:flex;justify-content:center;gap:10px;margin-bottom:12px}
.pg-icons span{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);box-shadow:0 8px 24px #FF2D7A55}
.pg-icons svg{width:28px;height:28px}
.pg-card h3{font-size:18px;margin:0 0 6px}
.pg-card>p{font-size:13px;color:#ffffffb3;line-height:1.6;margin:0 0 14px}
.pg-steps{list-style:none;margin:0 0 14px;padding:6px;border-radius:18px;background:#ffffff0a;text-align:right;transition:box-shadow .3s}
.pg-steps.hl{box-shadow:0 0 0 2px #22D3EE,0 0 24px #22D3EE55}
.pg-steps li{display:flex;align-items:center;gap:10px;padding:9px 8px;font-size:13.5px}
.pg-steps li+li{border-top:1px solid #ffffff0f}
.pg-steps em{width:24px;height:24px;border-radius:12px;display:grid;place-items:center;background:#22D3EE26;color:#67E8F9;font:800 12px Poppins,sans-serif;font-style:normal;flex-shrink:0}
.pg-steps span{flex:1}
.pg-steps i{color:#ffffff80;display:grid}
.pg-main,.pg-sec{width:100%;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;color:#fff;margin-bottom:8px}
.pg-main{background:linear-gradient(135deg,#FF2D7A,#8B5CF6);box-shadow:0 8px 22px #FF2D7A44}
.pg-sec{background:#ffffff12;border:1px solid #ffffff1f}
.pg-sec:disabled{opacity:.6}
.pg-x{padding:8px 16px;color:#ffffff99;font-size:13px}
.shake{animation:pgShake .45s}
@keyframes pgShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.pg-chip{display:inline-block;font-style:normal;font-size:11px;padding:2px 8px;border-radius:10px;margin:2px 0 0 4px;background:#ffffff14;color:#ffffffb3}
.pg-chip.granted{background:#22C55E26;color:#4ADE80}
.pg-chip.denied{background:#FB718526;color:#FB7185}
.pg-go{font-style:normal;font-size:12px;font-weight:800;padding:6px 12px;border-radius:14px;background:#FF2D7A;color:#fff;display:grid;place-items:center;flex-shrink:0}
.pg-row>span{background:#FF2D7A1f!important;color:#FF6BA6!important}
.cr-hint{display:block;margin-top:10px;font-size:12px;color:#67E8F9;line-height:1.5}

/* css/post-pro.css */
/* v24.5 — صفحة النشر الحديثة */
.pp2-sheet{max-height:94vh!important;padding-bottom:0!important;background:radial-gradient(120% 50% at 100% 0%,#3a1a5c66,transparent 60%),linear-gradient(180deg,#17123a,#0d0a24)!important;border-radius:28px 28px 0 0!important}
.pp2-sheet:has(#uploadStep:not(.hidden)) .pp2-h,.pp2-sheet:has(#uploadStep:not(.hidden)) .pp2-sub{display:none}
/* اختيار المصدر */
.pp2-pick{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.pp2-pickc{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;background:#ffffff0a;border:1px solid #ffffff17;cursor:pointer;transition:transform .15s,background .15s}
.pp2-pickc:active{transform:scale(.98);background:#ffffff12}
.pp2-pickc>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);box-shadow:0 8px 20px #FF2D7A44;flex-shrink:0}
.pp2-pickc+.pp2-pickc>span{background:linear-gradient(135deg,#8B5CF6,#22D3EE);box-shadow:0 8px 20px #22D3EE33}
.pp2-pickc div{flex:1;display:flex;flex-direction:column;gap:2px}.pp2-pickc b{font-size:15px}.pp2-pickc small{font-size:12px;color:#ffffff8c}
.pp2-pickc>i{color:#ffffff66;display:grid}
/* الرأس */
.pp2-head{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 0 12px}
.pp2-head b{font-size:17px}.pp2-head small{font-size:12px;color:#ffffff80}
/* الوصف + المعاينة */
.pp2-top{display:flex;gap:12px;align-items:stretch}
.pp2-cap{flex:1;min-width:0;display:flex;flex-direction:column;border-radius:20px;background:#ffffff0a;border:1px solid #ffffff17;transition:border-color .2s}
.pp2-cap:focus-within{border-color:#FF2D7A88;box-shadow:0 0 0 4px #FF2D7A1a}
.pp2-cap textarea{flex:1;min-height:150px;resize:none;border:0;outline:0;background:none;color:#fff;font:inherit;font-size:14.5px;line-height:1.6;padding:12px 14px 6px}
.pp2-cap textarea::placeholder{color:#ffffff59}
.pp2-capbar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid #ffffff0f}
.pp2-capbar button{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:12px;background:#ffffff12;color:#fff;font-size:12px;font-weight:700}
.pp2-capbar button:active{background:#FF2D7A}
.pp2-capbar em{margin-inline-start:auto;font-style:normal;font-size:11px;color:#ffffff66;font-family:Poppins,sans-serif}
.pp2-capbar em.warn{color:#FB7185}
.pp2-media{position:relative;width:118px;flex-shrink:0;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000 var(--cover,none) center/cover;box-shadow:0 10px 30px #0008,0 0 0 1px #ffffff1f;cursor:pointer}
.pp2-media video{width:100%!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:0!important;object-fit:cover;display:block;background:transparent}
.pp2-play{position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:22px;display:grid;place-items:center;background:#0007;backdrop-filter:blur(6px);color:#fff;transition:opacity .2s}
.pp2-media.playing .pp2-play{opacity:0}
.pp2-cover{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 0;border-radius:11px;background:#000a;backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:700}
.pp2-media.has-cover .pp2-cover{background:linear-gradient(135deg,#FF2D7Acc,#8B5CF6cc)}
/* الوسوم */
.pp2-tags{margin:14px 0 4px}
.pp2-tags>small{display:flex;align-items:center;gap:5px;font-size:12px;color:#ffffff8c;margin-bottom:2px}
.pp2-tags>small svg{color:#22D3EE}
.pp2 .tag-suggest{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:4px 0;margin-top:4px}
.pp2 .tag-suggest::-webkit-scrollbar{display:none}
.pp2 .tag-suggest button{flex-shrink:0;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff17;color:#fff}
.pp2 .tag-suggest button.on{background:linear-gradient(135deg,#FF2D7A33,#8B5CF633);border-color:#FF2D7A}
/* قائمة الإعدادات */
.pp2-list{display:flex!important;flex-direction:column;gap:0!important;margin:12px 0!important;border-radius:20px;background:#ffffff08;border:1px solid #ffffff14;overflow:hidden}
.pp2-row{display:flex!important;align-items:center;gap:12px;width:100%;padding:12px 14px;color:#fff;text-align:right;cursor:pointer;list-style:none;border-bottom:1px solid #ffffff0d}
.pp2-row::-webkit-details-marker{display:none}
.pp2-row div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pp2-row b{font-size:14px;font-weight:700}.pp2-row small{font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp2-row>i{color:#ffffff59;display:grid;transition:transform .2s}
.pp2-row.open>i,.pp2-det[open] .pp2-row>i{transform:rotate(-90deg)}
.pp2-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;color:#FF6BA6;flex-shrink:0}
.pp2-list .pp2-det{padding:0!important;border:0!important;border-radius:0!important;background:none!important}
.pp2-det>:not(summary){margin:0 14px 12px}
.pp2-det .trim-row{margin-top:4px}
.pp2-det input[type=datetime-local]{color-scheme:dark}
.pp2-list>:last-child,.pp2-list>:last-child .pp2-row{border-bottom:0}
/* مفتاح تشغيل/إيقاف */
.pp2-sw{position:relative;width:46px;height:28px;border-radius:14px;background:#ffffff26;flex-shrink:0;transition:background .2s;font-style:normal}
.pp2-sw::after{content:'';position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:11px;background:#fff;box-shadow:0 2px 6px #0005;transition:transform .22s cubic-bezier(.2,1.4,.4,1)}
input:checked+.pp2-sw{background:linear-gradient(135deg,#FF2D7A,#8B5CF6)}
input:checked+.pp2-sw::after{transform:translateX(-18px)}
/* من يشاهد */
.pp2-vis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 14px 12px;border-bottom:1px solid #ffffff0d}
.pp2-vis button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff14;color:#ffffffb3;font-size:12px;font-weight:700}
.pp2-vis button.on{color:#fff;border-color:#FF2D7A;background:linear-gradient(135deg,#FF2D7A26,#8B5CF626)}
/* شريط الأزرار السفلي الثابت */
.pp2-actions{position:sticky;bottom:0;display:flex;gap:10px;margin:0 -18px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#0d0a24 30%)}
.pp2-draft{display:flex;align-items:center;justify-content:center;gap:6px;width:118px;height:52px;border-radius:18px;background:#ffffff12;border:1px solid #ffffff1f;color:#fff;font-weight:800;font-size:14px;margin:0!important}
.pp2-pub{flex:1;height:52px;border-radius:18px;background:linear-gradient(135deg,#FF2D7A,#A855F7 60%,#7C3AED);color:#fff;font-weight:800;font-size:15.5px;box-shadow:0 10px 26px #FF2D7A55;transition:transform .15s}
.pp2-pub:active{transform:scale(.97)}
.pp2-pub:disabled{opacity:.75}
.pp2 .upload-bar{margin:4px 0 0}
.pp2-locked{text-align:center;padding:12px;border-radius:14px;background:#ffffff0a;color:#ffffff99;font-size:13px}
/* شاشة الغلاف */
.pp2-cv{position:fixed;inset:0;z-index:120;background:#05040fe6;backdrop-filter:blur(10px);display:flex;opacity:0;transition:opacity .2s}
.pp2-cv.show{opacity:1}
.pp2-cv-in{width:100%;max-width:460px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:calc(12px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));height:100%}
.pp2-cv-h{width:100%;display:flex;align-items:center;justify-content:space-between}
.pp2-cv-h b{font-size:16px}
.pp2-cv-x{color:#ffffffb3;padding:8px;font-size:14px}
.pp2-cv-ok{padding:8px 18px;border-radius:14px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff;font-weight:800}
.pp2-cv-frame{flex:1;min-height:0;display:grid;place-items:center}
.pp2-cv-frame canvas{height:100%;max-height:62vh;aspect-ratio:9/16;border-radius:20px;box-shadow:0 20px 50px #000a,0 0 0 1px #ffffff26}
.pp2-cv-strip{position:relative;width:100%;height:96px;direction:ltr}
.pp2-cv-thumbs{display:flex;height:100%;border-radius:14px;overflow:hidden;opacity:.85}
.pp2-cv-thumbs canvas{flex:1;width:0;height:100%;object-fit:cover}
.pp2-cv-knob{position:absolute;top:-6px;bottom:-6px;width:36px;border-radius:12px;border:3px solid #fff;box-shadow:0 0 0 2px #FF2D7A,0 8px 20px #000a;pointer-events:none}
.pp2-cv-strip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0}
.pp2-cv-in>small{color:#ffffff8c;font-size:12px;text-align:center}

/* css/cam-fx.css */
/* v24.5 — مؤثرات فلاتر 2026 فوق المعاينة + بطاقات فلاتر حيّة */
.cam-fx{position:absolute;inset:0;pointer-events:none;z-index:1}
.cam-fx::before,.cam-fx::after{content:'';position:absolute;inset:0;pointer-events:none}
/* إطار داكن ناعم */
.cam-fx.fx-vig-lo{box-shadow:inset 0 0 120px 20px #0005}
.cam-fx.fx-vig-md{box-shadow:inset 0 0 150px 40px #0008}
.cam-fx.fx-vig-hi{box-shadow:inset 0 0 180px 60px #000a}
/* توهج حالم */
.cam-fx.fx-glow-lo::before{backdrop-filter:blur(10px) brightness(1.1);-webkit-backdrop-filter:blur(10px) brightness(1.1);opacity:.25}
.cam-fx.fx-glow-md::before{backdrop-filter:blur(12px) brightness(1.15);-webkit-backdrop-filter:blur(12px) brightness(1.15);opacity:.35}
.cam-fx.fx-glow-hi::before{backdrop-filter:blur(14px) brightness(1.2) saturate(1.1);-webkit-backdrop-filter:blur(14px) brightness(1.2) saturate(1.1);opacity:.5}
/* تسرّب ضوء متحرك */
.cam-fx.fx-leak::after{background:radial-gradient(60% 45% at 50% 20%,#ffaa5a6b,#ff507820 50%,transparent 75%);mix-blend-mode:screen;animation:fxLeak 9s ease-in-out infinite alternate}
@keyframes fxLeak{0%{transform:translate(-30%,0)}50%{transform:translate(25%,8%)}100%{transform:translate(-10%,-6%)}}
/* حبيبات فيلم */
.cam-fx.fx-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;animation:fxGrain .4s steps(4) infinite}
.cam-fx.fx-grain:not(.fx-scan){opacity:1}
@keyframes fxGrain{0%{background-position:0 0}25%{background-position:-40px 20px}50%{background-position:30px -30px}75%{background-position:-20px -50px}100%{background-position:10px 40px}}
/* خطوط VHS */
.cam-fx.fx-scan::after{background:repeating-linear-gradient(0deg,#0000 0 2px,#0004 2px 4px);mix-blend-mode:multiply}
/* لوك الفيلم: رفع الأسود */
.cam-fx.fx-fade{background-color:#2a243038}
.cam-fx.fx-fade.fx-grain{background-color:#2a243038}
/* ازدواج لوني خفيف (ريترو) */
.cam-fx.fx-ghost::before{backdrop-filter:hue-rotate(-25deg) saturate(1.4);-webkit-backdrop-filter:hue-rotate(-25deg) saturate(1.4);transform:translateX(3px);opacity:.25}

/* بطاقات الفلاتر: صورتك الحيّة بكل فلتر */
.cam-filters span{position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}
.cam-filters .fsnap,.cam-filters .fsnap-g{position:absolute;inset:0;background-size:cover;background-position:center}
.cam-filters .fsnap-g{mix-blend-mode:soft-light}
.cam-filters button.on span{transform:translateY(-2px)}
.cam-filters small{text-shadow:0 1px 6px #000c}
.cam-fname b{letter-spacing:.5px;background:linear-gradient(90deg,#fff,#ffffffcc);-webkit-background-clip:text;background-clip:text}

/* css/cam-pro.css */
/* v24.7 — صفحة التصوير بتصميم 2026: شاشة نظيفة، أدوات بأسماء، فلاتر عند الطلب، أوضاع كبسولة */
/* الأعلى: إغلاق يسار + «إضافة صوت» بالمنتصف */
.cam-top{justify-content:center!important}
.cam-top .cam-x{position:absolute;left:0;width:42px;height:42px;border-radius:21px;background:#0006;backdrop-filter:blur(10px);border:0}
.cam-sound{max-width:56%!important;height:40px!important;background:#0000004d!important;border:1px solid #ffffff33!important;backdrop-filter:blur(14px)}
.cam-sound.has{background:linear-gradient(135deg,#FF2D7A55,#8B5CF655)!important;border-color:#FF2D7A99!important}
/* شريط الأدوات: بدون كبسولة، أيقونات بظل ناعم وأسماء تحتها */
.cam-side{top:calc(84px + env(safe-area-inset-top))!important;right:10px!important;gap:14px!important;padding:0!important;background:none!important;border:0!important;backdrop-filter:none!important}
.cam-side button{width:52px!important;height:auto!important;border-radius:0!important;display:flex!important;flex-direction:column;align-items:center;gap:3px;background:none!important;filter:drop-shadow(0 1px 3px #000b)}
.cam-side button svg{width:26px;height:26px}
.cam-side button small{font-size:10.5px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000}
.cam-side button.on{color:#22D3EE!important}
.cam-side button.on small{color:#67E8F9}
.cam-side button.more svg{width:22px;height:22px;padding:4px;border-radius:12px;background:#ffffff2e;box-sizing:content-box}
.cam-side em{bottom:auto!important;top:-4px;left:auto!important;right:6px;min-width:16px;height:16px;border-radius:8px;background:#22D3EE;color:#071017!important;font-size:9px!important;display:grid;place-items:center}
.cam-side em:empty{display:none}
/* الفلاتر: مخفية حتى تضغط «فلاتر» — دوائر صغيرة فوق زر التسجيل */
.cam-filters{opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s;bottom:calc(172px + env(safe-area-inset-bottom))!important;gap:14px!important;padding:6px calc(50% - 30px)!important}
.cam.show-filters .cam-filters{opacity:1;pointer-events:auto;transform:none}
.cam.recording .cam-filters{opacity:0!important;pointer-events:none!important}
.cam-filters span{width:54px!important;height:54px!important;border-radius:27px!important;border:2px solid #ffffff66!important}
.cam-filters button.on span{width:60px!important;height:60px!important;border-radius:30px!important;border:3px solid #fff!important;box-shadow:0 0 0 3px #FF2D7A,0 8px 22px #FF2D7A55!important;transform:none!important}
.cam-filters small{font-size:11px!important}
/* الأسفل: زر التسجيل أوضح، والمعرض والملصقات بنفس الحجم */
.cam-shade{background:linear-gradient(180deg,#0008 0%,#0000 16%,#0000 66%,#000b 100%)!important}
.cam-bottom{bottom:calc(62px + env(safe-area-inset-bottom))!important;left:36px!important;right:36px!important}
.cam-gal,.cam-stk,.cam-del{width:48px!important;height:48px!important;border-radius:14px!important;background:#ffffff26!important;border:1.5px solid #ffffffb3!important;backdrop-filter:blur(10px)}
.cam-stk{border-radius:24px!important;border-color:#ffffff40!important}
/* الأوضاع: كبسولة زجاجية بمؤشر */
.cam-modes{bottom:calc(14px + env(safe-area-inset-bottom))!important;left:50%!important;right:auto!important;transform:translateX(-50%);gap:2px!important;padding:4px;border-radius:20px;background:#00000059;backdrop-filter:blur(14px);border:1px solid #ffffff1f}
.cam-modes button{white-space:nowrap;padding:7px 14px!important;border:0!important;border-radius:16px;font-size:13px!important;color:#ffffffa6!important;transition:all .2s}
.cam-modes button.on{background:#fff!important;color:#0B0A1F!important;font-weight:800}

/* css/fab-pro.css */
/* v24.5 — زر النشر «+» بتصميم 2026: مربع ناعم بألوان Jokt الثابتة + لمعة زجاجية + هالة متحركة */
.bottom-nav .upload-fab{position:relative;width:54px!important;height:42px!important;margin-top:-2px!important;border-radius:16px!important;transform:none!important;
  background:linear-gradient(135deg,#FF2D7A 0%,#A855F7 55%,#22D3EE 100%)!important;box-shadow:0 8px 22px #FF2D7A55,0 2px 0 #ffffff40 inset!important;overflow:visible;isolation:isolate;transition:transform .18s cubic-bezier(.2,1.6,.4,1)}
.bottom-nav .upload-fab::before{content:'';position:absolute;inset:-3px;border-radius:19px;z-index:-1;background:conic-gradient(from var(--fa,0deg),#FF2D7A,#A855F7,#22D3EE,#FF2D7A);filter:blur(8px);opacity:.55;animation:fabSpin 6s linear infinite}
.bottom-nav .upload-fab::after{content:'';position:absolute;inset:1px 1px 50% 1px;border-radius:15px 15px 10px 10px;background:linear-gradient(#ffffff55,#ffffff00);pointer-events:none}
.bottom-nav .upload-fab b{transform:none!important;color:#fff!important;display:grid;place-items:center;filter:drop-shadow(0 1px 2px #0005)}
.bottom-nav .upload-fab b svg{width:24px!important;height:24px!important;stroke-width:3!important}
.bottom-nav .upload-fab:active{transform:scale(.9)!important}
.bottom-nav .upload-fab small{display:none!important}
@property --fa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes fabSpin{to{--fa:360deg}}
@media (prefers-reduced-motion:reduce){.bottom-nav .upload-fab::before{animation:none}}
/* أيقونة البث العصرية بدل 📡 */
.lp-none .lp-ic,.lv-end .lp-ic{width:76px;height:76px;border-radius:26px;display:grid;place-items:center;margin-bottom:8px;background:linear-gradient(135deg,#FF2D7A33,#8B5CF633);border:1px solid #ffffff1f;color:#FF6BA6;position:relative}
.lp-ic::after{content:'';position:absolute;inset:-6px;border-radius:30px;border:2px solid #FF2D7A55;animation:lpPulse 2s ease-out infinite}
@keyframes lpPulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.25);opacity:0}}
/* v24.6 — لوحة الأدمن: مصادر الدخول */
.as-h{display:flex;align-items:center;gap:8px}.as-h svg{color:#22D3EE}
.as-card{margin:10px 0 16px;padding:14px;border-radius:20px;background:#ffffff08;border:1px solid #ffffff14}
.as-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.as-top b{font-size:16px}.as-top small{color:#ffffff80;font-size:11px}
.as-stats{grid-template-columns:repeat(3,1fr)!important}
.as-list{display:flex;flex-direction:column;margin-top:8px}
.as-tag{margin-inline-start:auto;font-style:normal;font-size:11px;font-weight:800;padding:4px 10px;border-radius:10px;background:#ffffff14;color:#ffffffb3}
.as-tag.new{background:#22C55E26;color:#4ADE80}

/* css/payout.css */
/* v24.7 — نافذة سحب الأرباح */
.po-sheet{max-height:92vh}
.po-head{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 14px}
.po-head small{font-size:12px;color:#ffffff99}.po-head b{font:800 34px/1.1 Poppins,sans-serif;background:linear-gradient(90deg,#FF2D7A,#8B5CF6,#22D3EE);-webkit-background-clip:text;color:transparent}
.po-head span{font-size:12px;color:#ffffff80}
.po-lbl{display:block;font-size:12.5px;font-weight:700;color:#ffffffb3;margin:12px 4px 6px}
.po-in{width:100%;height:48px;border-radius:15px;background:#ffffff0d;border:1px solid #ffffff1f;color:#fff;font:inherit;font-size:14.5px;padding:0 14px;outline:0;color-scheme:dark}
.po-in:focus{border-color:#FF2D7A99;box-shadow:0 0 0 4px #FF2D7A1a}
.po-methods{display:flex;flex-direction:column;gap:8px}
.po-methods button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:18px;background:#ffffff08;border:1.5px solid #ffffff17;color:#fff;text-align:right;transition:all .15s}
.po-methods button.on{border-color:var(--mc);background:color-mix(in srgb,var(--mc) 14%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--mc) 25%,transparent)}
.po-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--mc);flex-shrink:0}
.po-methods div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.po-methods b{font-size:14.5px}.po-methods small{font-size:11.5px;color:#ffffff8c}
.po-methods em{font-style:normal;font-size:10px;font-weight:800;padding:2px 7px;border-radius:8px;background:#ffffff1f;margin-inline-start:4px}
.po-min{font-style:normal;font-size:11px;color:#ffffff80;white-space:nowrap}
.po-warn{margin:10px 2px 0;padding:10px 12px;border-radius:12px;background:#F59E0B1f;color:#FCD34D;font-size:12.5px;line-height:1.6}
.po-go{width:100%;height:52px;margin-top:16px;border-radius:18px;background:linear-gradient(135deg,#FF2D7A,#A855F7 60%,#7C3AED);color:#fff;font-weight:800;font-size:15.5px;box-shadow:0 10px 26px #FF2D7A44}
.po-go:disabled{opacity:.5;box-shadow:none}
.po-note{text-align:center;font-size:11.5px;color:#ffffff73;margin:10px 0 4px}
.po-badge{display:inline-block;font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:9px;background:color-mix(in srgb,var(--mc) 22%,transparent);color:var(--mc);margin-inline-start:4px;vertical-align:middle}
.po-acc{word-break:break-all}
.po-copy{margin-top:6px;padding:6px 12px;border-radius:12px;background:#22C55E26;color:#4ADE80;font-size:12px;font-weight:800}

/* css/discover-v25.css */
/* v25 — اكتشف: أيقونات، بدون فراغ زائد، أغلفة بديلة، اسم الصانع، زر متابعة موحّد */
.search-panel.discover-v25{padding-top:76px}
.search-panel.discover-v25 h2{margin:0 0 14px}
body.on-discover #searchBtn{visibility:hidden}
.search-input.fake{display:flex;align-items:center;gap:10px;color:#ffffff99;text-align:right}
.search-input.fake .ui-ic{flex-shrink:0;opacity:.8}
.ic-title{display:flex;align-items:center;gap:6px}.ic-title .ui-ic{color:#FF6B3D}
.wk-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#FACC15,#F59E0B);color:#1a1300;font-size:0;flex-shrink:0}
.tag-crown{position:absolute;top:6px;right:6px;z-index:2;color:#FACC15;filter:drop-shadow(0 1px 3px #000)}
.wk-badge{display:inline-flex;align-items:center;gap:5px}
.tag-shoot{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.topic-chips button{display:inline-flex;align-items:center;gap:6px;font-size:12px!important;padding:8px 13px!important}
.topic-chips button .ui-ic{color:#67E8F9}
.mini-follow{background:linear-gradient(100deg,#FF2D7A,#3B82F6)!important;color:#fff;border-radius:10px!important;height:30px!important;font-size:11px!important;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.mini-follow.on{background:#ffffff1f!important;color:#ffffffb3}
/* الصور المصغّرة: تصميم بديل خلف الفيديو + اسم الصانع */
.thumb{background:linear-gradient(160deg,#2A1650,#13112C 55%,#0B2A3A)!important}
.thumb .th-ph{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff59;z-index:0}
.thumb video,.thumb img{position:relative;z-index:1}
.thumb.no-prev video,.thumb.no-prev img,.thumb.no-prev .vcanvas{opacity:0!important}
.thumb.no-prev .th-ph{color:#ffffffb3}
.th-meta{position:absolute;inset:auto 0 0 0;z-index:2;padding:18px 6px 5px;background:linear-gradient(transparent,#000b);display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:1px}
.th-meta b{font-size:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-meta small{position:static!important;display:inline-flex;align-items:center;gap:3px;font-size:10px}
/* v25: إخفاء شريط التمرير الرمادي في كل التطبيق */
*{scrollbar-width:none}
*::-webkit-scrollbar{width:0;height:0;display:none}

/* css/messages-v25.css */
/* v25 — الرسائل: 3 تبويبات بعدّادات، بحث، زر عائم، علامات قراءة، إشعارات مجمّعة */
.messages-panel{padding-top:80px}
.msg-tabs.v25{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff12;margin-bottom:14px}
.msg-tabs.v25 button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border:0;border-radius:14px;background:none;font-size:12.5px;font-weight:700;color:#ffffffb3;padding:0 6px}
.msg-tabs.v25 button.active{background:linear-gradient(100deg,#FF2D7A,#8B5CF6);color:#fff}
.mt-badge{position:absolute;top:2px;left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#FACC15;color:#1a1300;font:800 10px/18px Poppins,sans-serif;font-style:normal}
.dm-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;margin-bottom:8px;border-radius:14px;background:#1c2232;border:1px solid #ffffff16;color:#ffffff80}
.dm-search input{flex:1;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:13px}
.dm-fab{position:fixed;z-index:12;left:16px;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;height:52px;padding:0 18px 0 16px;border-radius:26px;background:linear-gradient(100deg,#FF2D7A,#8B5CF6);color:#fff;font-weight:800;font-size:13px;box-shadow:0 10px 26px #FF2D7A55}
.dm-fab:active{transform:scale(.96)}
.link-btn{color:#67E8F9;text-decoration:underline;font:inherit}
.dm-tick{display:inline-flex;vertical-align:-1px;margin-inline-end:4px;color:#ffffff73;font-style:normal}
.dm-tick.read{color:#22D3EE}
.msg-row.unread b{font-weight:800}
.msg-row.unread small{color:#fff}
.msg-row.unread{background:linear-gradient(90deg,#FF2D7A14,transparent)!important;border-radius:14px}
/* المكالمات */
.cl-dir.missed,.cl-dir.declined{color:#FB7185!important}
.cl-row .cl-call{width:40px;height:40px;border-radius:20px;background:#22D3EE1f;color:#22D3EE;display:grid;place-items:center;flex-shrink:0}
/* الإشعارات */
.nt-sec{margin:16px 2px 4px;font-size:12px;font-weight:800;color:#ffffff80}
.nt-sec:first-child{margin-top:4px}
.nt-row>div{display:flex;flex-direction:column}
.nt-row>div small{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nt-row>div time{margin-top:2px}
.nt-thumb{width:46px;height:60px;border-radius:9px;overflow:hidden;flex-shrink:0;background:linear-gradient(160deg,#2A1650,#13112C);display:grid;place-items:center;color:#ffffff80}
.nt-thumb img,.nt-thumb video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.nt-act{flex-shrink:0;height:32px;padding:0 12px;border-radius:16px;background:linear-gradient(100deg,#FF2D7A,#3B82F6);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.nt-act.ghost{background:#ffffff14;color:#fff}
.nt-act.done{background:#ffffff14;color:#ffffffa6}
.nt-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:50px 20px;color:#ffffffa6;text-align:center}
.nt-empty b{color:#fff}
.msg-ic.live,.msg-ic.live-soon{background:#E11D48;color:#fff}
/* v28.43 — عنوان «الرسائل» كان يختفي نصفه خلف الشريط العلوي: التبويبات تكفي، ومسافة أعلى أوضح */
div.messages-panel>h2{display:none}
div.messages-panel{padding-top:calc(78px + env(safe-area-inset-top))!important}
/* v28.43 — الإشعار الجديد واضح: نقطة ملوّنة بجانب الاسم */
.nt-row{position:relative}
.nt-row.unread b::after{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF2D7A;margin-inline-start:6px;vertical-align:middle;box-shadow:0 0 0 3px #FF2D7A33}
.msg-ic.bestfriend{background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff} /* v95 */

/* css/live-extras.css */
/* v25 — صفحة «مباشر»: أقسام تحت الشبكة + حافز أول بث */
.lp-bonus{margin-top:6px;font-size:12px;padding:6px 12px;border-radius:12px;background:#FACC1514;border:1px solid #FACC1544;color:#FDE68A}
.lp-bonus b{color:#FACC15}
.lp-go2{margin-top:10px}
.lx{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.lx-sec:empty{display:none}
.lx-h{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px}
.lx-h b{display:flex;align-items:center;gap:6px;font-size:15px}.lx-h b .ui-ic{color:#FF6BA6}
.lx-add{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:16px;background:#ffffff14;font-size:12px;font-weight:700}
.lx-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.lx-soon,.lx-host{flex-shrink:0;width:150px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff14;text-align:center}
.lx-soon img,.lx-host img{width:54px;height:54px;border-radius:50%;object-fit:cover;margin-bottom:4px}
.lx-host img{box-shadow:0 0 0 2px #0F0D26,0 0 0 4px #E11D48}
.lx-soon b,.lx-host b{font-size:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-soon small,.lx-host small{font-size:11px;color:#ffffffa6}
.lx-soon em{font-style:normal;font-size:11.5px;color:#67E8F9;font-weight:700}
.lx-btn{margin-top:6px;width:100%;height:32px;border-radius:16px;background:linear-gradient(100deg,#FF2D7A,#3B82F6);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.lx-btn.on,.lx-btn.ghost{background:#ffffff1a;color:#ffffffcc}
.lx-empty{font-size:12.5px;color:#ffffff99;padding:14px;border-radius:16px;background:#ffffff08;text-align:center;margin:0}
.lx-list{display:flex;flex-direction:column;gap:8px}
.lx-past{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#ffffff08}
.lx-past img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.lx-past div{flex:1;min-width:0;display:flex;flex-direction:column}
.lx-past b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lx-past small{font-size:11px;color:#ffffff99}
.lx-past>span{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#ffffffcc}.lx-past>span small{font-size:10px}

/* css/live-v35.css */
/* v28.35 — إصلاحات شاشة «مباشر» (ملاحظات الصورة 1-7). ملف مستقل: لحذفه احذف السطر من index.html */
/* 1-3) منع تحديد النص والمقابض وقائمة النسخ على الجوال داخل شاشة البث */
.jlive, .jlive * { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
.jlive input, .jlive textarea { -webkit-user-select: text; user-select: text; }
/* 5) زر الإرسال لا يلامس حقل الكتابة */
.jlive .lv-input { padding-inline-end: 6px; gap: 6px; }
.jlive .lv-send { width: 40px; height: 40px; flex-shrink: 0; margin-inline-start: 4px; }
/* 4) التعليقات لا تغطي أزرار الأسفل */
.jlive .lv-chat { max-height: 28vh; z-index: 2; }
.jlive .lv-foot { z-index: 4; }
/* 7) الشارات العلوية على الشاشات الضيقة */
@media (max-width: 360px) {
  .jlive .lv-topg { font-size: 11px; max-width: 110px; padding: 0 8px; }
}

/* css/dm-keyboard-v36.css */
/* v28.36 — المحادثة الخاصة: خانة الكتابة تبقى أسفل الشاشة فوق لوحة المفاتيح، والشاشة لا ترتفع.
   ملف مستقل: لحذفه احذف السطر من index.html */
.chat-panel.dm {
  position: fixed;
  inset: 0;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-top: 78px;
  padding-bottom: env(safe-area-inset-bottom);
}
.chat-panel.dm .chat-head { flex: none; }
.chat-panel.dm .chat-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.chat-panel.dm .dm-input { flex: none; padding-bottom: calc(8px + env(safe-area-inset-bottom)); }

/* css/menu-pro.css */
/* v25 — قائمة الإعدادات: أقسام واضحة، أيقونات موحّدة اللون، ضغط ملحوظ، منطقة خطر منفصلة */
.menu.menu-pro{background:none;border:0;border-radius:0;overflow:visible;gap:14px}
.menu-pro .m-sec{display:flex;flex-direction:column;background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;overflow:hidden}
.menu-pro h5{margin:0;padding:12px 14px 6px;font-size:11.5px;font-weight:800;color:#ffffff80;letter-spacing:.3px}
.menu-pro .m-sec>button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:13.5px;border:0;border-top:1px solid #ffffff0d;background:none;color:#fff;text-align:right;transition:background .15s}
.menu-pro .m-sec>h5+button{border-top:0}
.menu-pro .mi-ic,.menu-pro .m-sec>button>span:first-child{width:36px!important;height:36px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#FF2D7A1a;color:#FF6BA6}
.menu-pro .mi-ic svg{width:19px;height:19px}
/* مفاتيح الحساب داخل القسم بنفس الشكل */
.menu-pro .m-sec .ls-row{margin:0;border-radius:0;background:none;border:0;border-top:1px solid #ffffff0d;padding:12px 14px}
.menu-pro .m-sec .ls-row>span{width:36px;height:36px;border-radius:12px;background:#22D3EE1a!important;color:#22D3EE!important}
.menu-pro .m-sec .ls-row .pg-chip{transform:scale(.92);transform-origin:right}
/* الضغط: يتغيّر لون الخيار فورًا */
.menu-pro button:active,.menu-pro button.pressed,.ls-row:active,.ls-row.pressed{background:linear-gradient(90deg,#FF2D7A33,#8B5CF622)!important}
.menu-pro button.pressed .mi-ic,.menu-pro button:active .mi-ic{background:#FF2D7A;color:#fff}
/* منطقة الخطر */
.menu-pro .danger-zone{border-color:#FB718533;background:#FB71850a}
.menu-pro .danger-zone h5{color:#FB7185}
.menu-pro .danger-zone button{color:#FDA4AF}
.menu-pro .danger-zone .mi-ic{background:#FB71851a;color:#FB7185}
.menu-pro .install-item{background:linear-gradient(135deg,#ff2d871f,#38d1ec1f)!important;font-weight:800}
.pp-dpanel .pp-dhead{margin-bottom:12px}
/* المساعدة */
.support-sheet .sup-h{display:flex;align-items:center;gap:8px}
.sup-faq{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.sup-faq details{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;padding:10px 14px}
.sup-faq summary{font-size:13px;font-weight:700;cursor:pointer}
.sup-faq p{margin:8px 0 0;color:#ffffffb3}
.sup-sub{font-size:13px;margin:6px 0 8px}
.sup-text{min-height:96px;resize:vertical;line-height:1.7}
.sup-alt{display:flex;gap:10px;justify-content:center;margin-top:12px}
.sup-alt a{display:inline-flex;align-items:center;gap:6px;color:#67E8F9;font-size:13px;text-decoration:none;padding:8px 14px;border-radius:14px;background:#22D3EE14}
/* v25 — حسابي: صورة افتراضية بحرف، زر «أضف صورة»، الـ ID مرة واحدة */
.pp-av{position:relative}
.pp-addpic{position:absolute;bottom:2px;left:2px;width:32px;height:32px;border-radius:16px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff;display:grid;place-items:center;border:3px solid #0B0A1F}
.pp-addpic-t{font-size:12px;color:#67E8F9;margin-top:-2px}
.id-chip.one{gap:8px;padding:5px 12px}
.id-chip.one b{font-size:13px;letter-spacing:.3px;font-weight:700}
.id-chip i .ui-ic{display:block}
.lvl-chip .ui-ic,.pp-points .ui-ic{color:#FACC15}
.lvl-ico{display:grid;place-items:center;color:#FACC15}

/* css/admin-v25.css */
/* v25 — لوحة الأدمن ومركز المعلن */
.business-panel .back-btn{position:static!important;flex-shrink:0}
.adm-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.adm-top .eyebrow{flex:1;margin:0}
.admin-v25 .admin-stats>div{position:relative}
.admin-v25 .admin-stats em{display:block;font-style:normal;font-size:10.5px;color:#ffffff99;margin-top:2px}
.admin-v25 .admin-stats>div.warn{border-color:#FACC1566!important;background:#FACC150f!important}
.admin-v25 .admin-stats>div.warn b{color:#FDE68A}
.admin-v25 .admin-stats>div.up b{color:#4ADE80}
.adm-h{font-size:13px!important;color:#ffffffa6;margin:16px 0 8px!important}
.adm-q{margin:6px 0 10px}
.adm-user .c-actions button{width:36px;height:36px;border-radius:12px;background:#ffffff12;display:grid;place-items:center}
.adm-export{display:flex;gap:10px}.adm-export .primary-business{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.adm-export .secondary-business{width:auto;padding:0 18px}
.adm-defad{margin:12px 0}
.ad-new summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer}
.ad-new summary::-webkit-details-marker{display:none}
.as-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.as-copy{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:15px;background:#22D3EE1a;color:#67E8F9;font-size:11.5px;font-weight:700}
.sup-body{white-space:pre-wrap;color:#fff!important;margin:4px 0}
.sup-done{opacity:.55}
.adr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 6px}
.adr-steps>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:16px;background:#ffffff0a;text-align:center;font-size:11.5px}
.adr-steps b{width:26px;height:26px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);font-size:12px}
.adr-file>span{color:#67E8F9}
.adr-vid{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:#67E8F9;font-size:12px}
.mini-stats span{display:inline-flex;align-items:center;gap:3px}
.c-actions button .ui-ic{display:block}

/* css/admin-tabs.css */
/* v28.39 — تبويبات لوحة الأدمن + بطاقات الأرقام (ترتيب مثل لوحة «تواصل») — لحذفها: احذف هذا الملف و js/admin-tabs.js */
.adm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.adm-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:21px;font-weight:800}
.adm-head h2 .ui-ic{color:#5EE6F5}
.admin-v25 .adm-head .back-btn.adm-back{width:auto!important;height:auto!important;min-width:0;padding:6px 2px;border:0;background:none!important;box-shadow:none!important;color:#FF6B8B;font:700 15px Cairo,system-ui,sans-serif;display:inline-flex;align-items:center;gap:6px}

.adm-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -18px 18px;padding:2px 18px 4px;scroll-margin-top:84px}
.adm-tabs::-webkit-scrollbar{display:none}
.adm-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:46px;padding:0 18px;border-radius:23px;background:#ffffff0b;border:1px solid #ffffff1c;color:#fff;font:700 14px Cairo,system-ui,sans-serif;white-space:nowrap;transition:background .2s,transform .1s}
.adm-tabs button:active{transform:scale(.97)}
.adm-tabs button.on{background:linear-gradient(135deg,#FF3D7F,#E11D48);border-color:transparent;box-shadow:0 6px 18px #E11D4840}
.adm-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#FACC15;color:#1a1300;font:800 11px/20px Cairo,system-ui,sans-serif;font-style:normal;text-align:center}
.adm-tabs button.on .adm-badge{background:#fff;color:#E11D48}

.adm-pane[hidden]{display:none!important}
.adm-pane>h3:first-child,.adm-pane>div:first-child>h3:first-child{margin-top:0}

/* بطاقات الأرقام: عمودان، أيقونة واسم فوق، رقم كبير تحت */
.admin-v25 .adm-pane[data-pane="home"] .admin-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.admin-v25 .adm-pane[data-pane="home"] .admin-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:118px;padding:16px 10px;border-radius:20px;background:#ffffff08;border:1px solid #ffffff14;text-align:center}
.admin-v25 .adm-pane[data-pane="home"] .admin-stats small{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#ffffffb8;line-height:1.4}
.admin-v25 .adm-pane[data-pane="home"] .admin-stats small .ui-ic{color:#5EE6F5;flex-shrink:0}
.admin-v25 .adm-pane[data-pane="home"] .admin-stats b{font-size:30px!important;font-weight:800;line-height:1}
.admin-v25 .adm-pane[data-pane="home"] .admin-stats>div.warn small .ui-ic{color:#FDE68A}
.admin-v25 [data-adm-go]{cursor:pointer;transition:transform .1s}
.admin-v25 [data-adm-go]:active{transform:scale(.97)}
.admin-v25 [data-adm-go]::after{content:'فتح ←';font-size:10.5px;color:#ffffff66}
.adm-note{font-size:12.5px;color:#ffffff99;line-height:1.9;margin:16px 2px 0}

/* أزرار المستخدمين مكتوب عليها ما تفعله */
.admin-v25 .adm-user .c-actions{gap:8px}
.admin-v25 .adm-user .c-actions button{width:auto!important;height:36px!important;padding:0 12px;display:inline-flex!important;align-items:center;gap:6px;font:700 12.5px Cairo,system-ui,sans-serif;color:#fff}
.admin-v25 .adm-user .c-actions button[data-ban]{color:#FCA5A5;background:#EF44441a!important}

/* css/video-health.css */
/* v26 — حارس الصورة: غلاف الفيديو الذي لا يعمل على الجهاز + شريحة «إصلاح» */
.vh-fallback{position:absolute;inset:0;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 80% at 50% 30%,#2a1747 0%,#0e0824 60%,#000 100%)}
.vh-bg{position:absolute;inset:-24px;background:center/cover no-repeat;filter:blur(18px) saturate(1.2) brightness(.55);transform:scale(1.08)}
.vh-box{position:relative;width:min(80%,310px);padding:20px 16px;border-radius:22px;background:#0b0f1ebf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff1f;color:#fff;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;box-shadow:0 18px 50px #0008}
.vh-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3f8033,#3ec9e633);color:#fff}
.vh-box b{font-size:15px;font-weight:700;line-height:1.5}
.vh-box small{font-size:12px;opacity:.72}
.vh-btn{pointer-events:auto;margin-top:6px;border:0;border-radius:14px;padding:10px 18px;font:inherit;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(135deg,#ff3f80,#3ec9e6);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.vh-btn:active{transform:scale(.94)}
.vh-chip{position:absolute;z-index:4;top:calc(env(safe-area-inset-top) + 64px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #ffffff26;border-radius:999px;background:#0b0f1ecc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;animation:vhin .35s ease-out;-webkit-tap-highlight-color:transparent}
.vh-chip b{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#ff3f80,#3ec9e6);font-weight:700}
.vh-chip:active{transform:translateX(-50%) scale(.95)}
.video-card.vh-bad:before{display:none}
@keyframes vhin{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
.vh-diag{font:10px/1.4 monospace;opacity:.45;margin-top:2px;letter-spacing:.2px}
.vh-note{cursor:default;pointer-events:none}

/* css/tap-fix.css */
/* v27 — إحساس واضح بالضغط على أزرار النشر */
#publishBtn,#draftBtn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s,filter .12s}
#publishBtn.tf-press,#draftBtn.tf-press{transform:scale(.96);filter:brightness(1.15)}
#publishBtn:disabled{opacity:.85}

/* css/video-repair.css */
/* v27 — شاشة «إصلاح فيديوهاتي القديمة» */
.vrp{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;background:#0009;opacity:0;transition:opacity .2s}
.vrp.show{opacity:1}
.vrp-in{width:100%;max-width:520px;max-height:86vh;overflow:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#130d2b;color:#fff;transform:translateY(24px);transition:transform .2s}
.vrp.show .vrp-in{transform:none}
.vrp-h{display:flex;align-items:center;justify-content:space-between}
.vrp-h b{font-size:17px}
.vrp-x{border:0;background:#ffffff14;color:#fff;width:34px;height:34px;border-radius:50%;font:inherit;cursor:pointer}
.vrp-sub{font-size:13px;opacity:.7;line-height:1.6;margin:8px 0 12px}
.vrp-bar{height:6px;border-radius:9px;background:#ffffff14;overflow:hidden}
.vrp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff3f80,#3ec9e6);transition:width .3s}
.vrp-now{font-size:13px;font-weight:700;margin:10px 0}
.vrp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.vrp-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0d;font-size:13px}
.vrp-list li span{width:8px;height:8px;border-radius:50%;flex:none;background:#888}
.vrp-list li b{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vrp-list li em{font-style:normal;opacity:.8;font-size:12px}
.vrp-list li.ok span{background:#3ddc97}.vrp-list li.run span{background:#3ec9e6;animation:vrpp 1s infinite}
.vrp-list li.bad span{background:#ff4d6d}.vrp-list li.skip span{background:#f5b84b}
.vrp-warn{font-size:12px;opacity:.6;margin-top:12px;text-align:center}
@keyframes vrpp{50%{opacity:.3}}

/* css/earnings-v28.css */
/* v28 — «أرباحي» بالدولار: ربح هذا الشهر + مستوى الصانع + سجل + إلغاء السحب */
.earn-skel{height:150px;border-radius:28px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:eSk 1.2s linear infinite}
.earn-skel.s2{height:220px}
@keyframes eSk{to{background-position:-200% 0}}
.earn-card .earn-big b{font-size:44px;background:linear-gradient(90deg,#fff,#A5F3FC);-webkit-background-clip:text;background-clip:text;color:transparent}
.earn-pp{display:inline-flex;align-items:center;justify-content:center;gap:8px}

.earn-month{padding:16px;border-radius:24px;background:linear-gradient(160deg,#0E2A3A,#101326 70%);border:1px solid #22D3EE33;display:flex;flex-direction:column;gap:10px}
.em-top{display:flex;align-items:center;gap:12px}
.em-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#22D3EE22;color:#67E8F9;flex-shrink:0}
.em-top div{display:flex;flex-direction:column;gap:2px}.em-top b{font-size:15px}.em-top small{font-size:12px;color:#ffffffa6}
.em-bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.em-bar i{display:block;height:100%;background:linear-gradient(270deg,#22D3EE,#8B5CF6);border-radius:3px}
.em-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.em-grid>div{padding:10px 12px;border-radius:16px;background:#ffffff0a;display:flex;flex-direction:column;gap:2px;min-width:0}
.em-grid small{font-size:11px;color:#ffffffa6}.em-grid b{font:800 20px Poppins,Cairo,sans-serif}.em-grid i{font-style:normal;font-size:11px;color:#A5F3FC}
.em-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:#22D3EE14;font-size:12.5px;color:#CFFAFE;line-height:1.6}
.em-total b{font:800 20px Poppins,Cairo,sans-serif;color:#fff}
.em-last{font-size:11px;color:#ffffff80}

.earn-lvl{padding:16px;border-radius:24px;background:#ffffff08;border:1px solid #ffffff14;display:flex;flex-direction:column;gap:10px}
.el-top{display:flex;align-items:center;gap:12px}.el-top div{display:flex;flex-direction:column;gap:2px;min-width:0}.el-top b{font-size:14.5px}.el-top small{font-size:12px;color:#FDE68A}
.el-badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#64748B,#334155)}
.el-badge.l2{background:linear-gradient(135deg,#22D3EE,#3B82F6)}.el-badge.l3{background:linear-gradient(135deg,#8B5CF6,#EC4899)}
.el-badge.l4{background:linear-gradient(135deg,#F59E0B,#EF4444)}.el-badge.l5{background:linear-gradient(135deg,#FDE68A,#F59E0B);color:#3b2600}
.el-bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.el-bar i{display:block;height:100%;background:linear-gradient(270deg,#FACC15,#FF2D7A);border-radius:3px}
.el-next{font-size:11.5px;color:#ffffff99}
.el-market{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:16px;background:#8B5CF61f;border:1px solid #8B5CF655;color:#DDD6FE;font-weight:800;font-size:13px}

.earn-hist summary{cursor:pointer;list-style:none}.earn-hist summary::-webkit-details-marker{display:none}
.earn-hist summary:after{content:'+';float:left;color:#ffffff80}.earn-hist[open] summary:after{content:'−'}
.eb-r b.pos{color:#4ADE80}.eb-r b.neg{color:#FCA5A5}
.wd-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.wd-cancel{padding:4px 10px;border-radius:10px;background:#ffffff14;color:#FCA5A5;font-size:11.5px;font-weight:700}
.ea-ic{color:#fff}

/* تحليل الأرباح: دائرة المصادر + أعمدة يومي/أسبوعي/شهري + بطاقات */
.earn-ins{display:flex;flex-direction:column;gap:14px}
.ins-skel{height:260px;border-radius:24px;background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08);background-size:200% 100%;animation:eSk 1.2s linear infinite}
.ins-card{padding:16px;border-radius:24px;background:#ffffff08;border:1px solid #ffffff14;display:flex;flex-direction:column;gap:12px}
.ins-nav{display:flex;align-items:center;justify-content:space-between}
.ins-nav b{font-size:15px;color:#5EEAD4}
.ins-nav button{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#5EEAD4;background:#ffffff0a}
.ins-nav button:disabled{opacity:.25}
.ins-donut{position:relative;width:210px;height:210px;margin:4px auto}
.ins-donut svg{width:100%;height:100%} /* v28.1: بدون ظل وحركة — كانا يسببان تشويشًا على بعض الجوالات */
.ins-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.ins-mid b{font:800 26px Poppins,Cairo,sans-serif}.ins-mid small{font-size:12px;color:#FDA4AF;font-weight:700}
.ins-legend{display:flex;flex-direction:column;gap:4px}
.ins-row{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid #ffffff0d}
.ins-row:last-child{border-bottom:0}
.ins-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 20%,transparent);flex-shrink:0}
.ins-row div{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ins-row b{font-size:14px}.ins-row small{font-size:11.5px;color:#ffffff80}
.ins-row em{font-style:normal;font:800 15px Poppins,Cairo,sans-serif;color:#FDA4AF}
.ins-h{display:flex;align-items:center;justify-content:space-between;color:#5EEAD4}.ins-h b{font-size:15px;color:#fff}
.ins-tabs{display:flex;border-bottom:1px solid #ffffff14}
.ins-tabs button{flex:1;height:38px;color:#ffffff80;font-weight:700;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px}
.ins-tabs button.on{color:#5EEAD4;border-color:#5EEAD4}
.ins-bars{display:flex;align-items:flex-end;gap:8px;height:170px;padding:26px 4px 0;border-bottom:1px dashed #ffffff1f}
.ins-bar{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;position:relative;min-width:0}
.ins-bar i{width:min(34px,80%);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#5EEAD4,#14B8A6);box-shadow:0 6px 16px #14B8A633}
.ins-bar em{font-style:normal;font:700 10.5px Poppins,sans-serif;color:#ffffffb3;white-space:nowrap}
.ins-bar em.top{padding:2px 7px;border-radius:8px;border:1px solid #5EEAD4;color:#fff;background:#0B1F25}
.ins-bar small{position:absolute;bottom:-22px;font-size:10.5px;color:#ffffffa6;white-space:nowrap}
.ins-tiles{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border-radius:18px;overflow:hidden;background:#ffffff06}
.ins-tiles div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;text-align:center;border:.5px solid #ffffff0f}
.ins-tiles small{font-size:11.5px;color:#ffffff8c}.ins-tiles b{font:800 18px Poppins,Cairo,sans-serif}.ins-tiles i{font-style:normal;font-size:11px;color:#5EEAD4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ins-empty{text-align:center;color:#ffffff80;font-size:13px;padding:18px 0}

/* v28.1 — لا توجد طلبات سحب = سطر صغير */
.earn-box.eb-empty{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px}
.eb-none{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#ffffff80}

.ins-old{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#ffffff08;color:#ffffff99;font-size:12.5px}
.ins-old span{flex:1}.ins-old b{font:800 14px Poppins,Cairo,sans-serif;color:#CBD5E1}
.ins-bar i.zero{background:#ffffff1a;box-shadow:none}
/* v28.39 — سعر النقطة التقديري + شرح «المشاهدة الحقيقية» */
.em-rate{display:block;margin-top:10px;font-size:12px;color:#ffffffb3;line-height:1.7}
.em-real{margin-top:8px;font-size:12px;color:#ffffffb3}
.em-real summary{cursor:pointer;color:#5EE6F5;list-style:none;display:inline-block;padding:4px 0}
.em-real summary::-webkit-details-marker{display:none}
.em-real summary::after{content:' ↓';opacity:.7}
.em-real[open] summary::after{content:' ↑'}
.em-real ul{margin:6px 0 0;padding-inline-start:18px;line-height:1.8}
.em-left{white-space:nowrap}

/* css/payout-v28.css */
/* v28 — سحب الأرباح بخطوات */
.po-top{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;margin-bottom:6px}
.po-top b{font-size:16px}
.po-back{width:36px;height:36px;border-radius:12px;background:#ffffff12;color:#fff;display:grid;place-items:center;transform:scaleX(-1)}
.po-steps{display:flex;justify-content:space-between;gap:4px;margin:4px 0 14px}
.po-steps span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;color:#ffffff73;position:relative}
.po-steps i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 12px Poppins,sans-serif;font-style:normal;background:#ffffff12;color:#ffffffa6}
.po-steps span.on{color:#fff}.po-steps span.on i{background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff;box-shadow:0 0 0 4px #FF2D7A22}
.po-steps span.done i{background:#22C55E;color:#fff}.po-steps span.done{color:#86EFAC}
.po-body{max-height:calc(92vh - 260px);overflow-y:auto;overscroll-behavior:contain;padding:2px}
.po-amount{position:relative}.po-amount span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font:800 20px Poppins,sans-serif;color:#ffffff80}
.po-amount .po-in{height:58px;font:800 24px Poppins,sans-serif;padding-left:40px;text-align:left}
.po-chips{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.po-chips button{flex:1;min-width:64px;height:38px;border-radius:12px;background:#ffffff0f;border:1px solid #ffffff1f;color:#fff;font-weight:700;font-size:13px}
.po-more{width:100%;height:42px;margin-top:10px;border-radius:14px;background:transparent;border:1px dashed #ffffff33;color:#ffffffcc;font-weight:700;font-size:13px}
.po-glbl{margin-top:14px;color:#A5B4FC}
.po-methods button.low{opacity:.55}
.po-picked{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;border:1.5px solid var(--mc);background:color-mix(in srgb,var(--mc) 12%,transparent)}
.po-picked div{display:flex;flex-direction:column;gap:2px}.po-picked b{font-size:15px}.po-picked small{font-size:11.5px;color:#ffffff8c}
.po-review{display:flex;flex-direction:column;border-radius:18px;background:#ffffff08;border:1px solid #ffffff17;overflow:hidden}
.po-review div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #ffffff0f;font-size:13.5px}
.po-review div:last-child{border-bottom:0}.po-review span{color:#ffffff99}.po-review b{text-align:left;min-width:0}

/* css/v28.css */
/* v28 — إصلاحات الموجز + الميزات الحديثة (يُحمَّل آخر ملف). لحذف أي جزء احذف قسمه فقط. */

/* ===== 1) ارتفاع الشاشة الحقيقي: لا مساحة سوداء أسفل الفيديو على أي جوال ===== */
.feed{height:100vh;height:100dvh;height:var(--app-h,100dvh)}
.video-card{height:100vh;height:100dvh;height:var(--app-h,100dvh);min-height:0}
body.on-home{overflow:hidden;overscroll-behavior:none}

/* ===== 2) إخفاء أشرطة التمرير الرمادية في كل الصفحات ===== */
*{scrollbar-width:none}
*::-webkit-scrollbar{display:none;width:0;height:0}

/* ===== 3) عمود الأزرار على الشاشات القصيرة: لا يغطي زر الصوت أبدًا ===== */
body.acts-compact .actions{gap:9px}
body.acts-compact .action i{width:30px;height:30px}
body.acts-compact .action i svg{width:28px;height:28px}
body.acts-compact .avatar-act{margin-bottom:4px}
body.acts-compact .avatar-act img{width:40px;height:40px;border-radius:13px}
body.acts-compact .action{font-size:11px}
body.acts-compact .disc-ring{width:36px;height:36px}
body.acts-tight .actions{gap:5px}
body.acts-tight .action span{display:none!important}
body.acts-tight .action i{width:28px;height:28px}
body.acts-tight .action i svg{width:26px;height:26px}
body.acts-tight .avatar-act img{width:36px;height:36px}
body.acts-tight .disc-ring{width:32px;height:32px}
.mute-btn{z-index:6}

/* ===== 4) نغمة القرص تطير للداخل (كانت تُقص على حافة الشاشة) ===== */
.disc-note{left:auto;right:-4px;top:-8px}
@keyframes noteFly{0%{opacity:0;transform:translate(0,10px)}30%{opacity:1}100%{opacity:0;transform:translate(14px,-26px) rotate(15deg)}}

/* ===== 5) العلامة المائية: تحت عدّاد النقاط وعجلة الحظ ولا تتداخل معهما ===== */
.jokt-wm{right:14px;left:auto;top:calc(150px + env(safe-area-inset-top));opacity:.45;animation-name:wmMove28}
@keyframes wmMove28{0%,44%{transform:translateY(0)}50%,94%{transform:translateY(max(0px,calc(var(--app-h,100dvh) - var(--frame-bottom) - 420px)))}100%{transform:translateY(0)}}

/* ===== 6) زر «شاهد بالعرض» تحت الفيديو العرضي مباشرة (كان في منتصف الشاشة) ===== */
.land-btn{top:calc((100% - var(--frame-bottom)) / 2 + 28.2vw + 12px);display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:6px 12px;font-size:12px}
.land-btn svg{width:14px;height:14px}

/* ===== 7) الخلفية الضبابية للفيديو العرضي ===== */
.vblur{position:absolute;z-index:0;top:0;left:0;width:100%;height:calc(100% - var(--frame-bottom));pointer-events:none;opacity:0;transition:opacity .5s;image-rendering:auto}
.vblur.on{opacity:.9}
.video-card.wide video{background:transparent!important}
.video-card.wide .vcanvas{background:transparent!important}
.video-card.wide:before{content:'';position:absolute;z-index:0;inset:0 0 var(--frame-bottom) 0;background:#00000059;pointer-events:none}
.video-card.wide video,.video-card.wide .vcanvas{z-index:1}

/* ===== 8) شريط التقديم: يكبر عند اللمس ويُظهر الوقت ===== */
.seek-zone{height:34px;bottom:calc(var(--frame-bottom) - 14px)}
.video-card.seeking .progress{height:8px!important;border-radius:4px;background:#ffffff40}
.video-card.seeking .progress i{position:relative;border-radius:4px}
.video-card.seeking .progress i:after{content:'';position:absolute;left:-7px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #FF2D7A55}
[dir="rtl"] .video-card.seeking .progress i:after{left:auto;right:-7px}
.seek-bubble{font:800 18px Poppins,Cairo,sans-serif;padding:8px 16px;border-radius:16px;background:#000b;backdrop-filter:blur(6px)}

/* ===== 9) الضغط المطوّل: سرعة 2x + شاشة نظيفة كاملة أثناء الضغط ===== */
body:has(.video-card.fast) .points-pill,body:has(.video-card.fast) .wheel-fab,.video-card.fast .mute-btn,
.video-card.fast .land-btn,.video-card.fast .ad-visit,body:has(.video-card.fast) .chest-pop{opacity:0!important;transition:opacity .2s}
.clear-exit{display:inline-flex;align-items:center;gap:6px;top:calc(14px + env(safe-area-inset-top))}
.clear-exit svg{width:16px;height:16px}

/* ===== 10) بطاقة الإعلان الأنيقة ===== */
.ad-badge.ad-chip{position:static;display:inline-flex;align-items:center;height:20px;padding:0 8px;margin-inline-start:2px;border-radius:7px;
  background:#FACC15;color:#19140b;font-size:10.5px;font-weight:800;box-shadow:none;top:auto;right:auto}
.sound.ad-host{color:#ffffffb3;font-size:12px}
.sound.ad-host .sound-icon{display:inline-grid;place-items:center}
.ad-visit{left:auto!important;right:12px;bottom:calc(var(--frame-bottom) + 16px);width:auto;height:40px;padding:0 18px;border-radius:20px;
  display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--pink,#FF2D7A),#8B5CF6);color:#fff;font-size:13.5px;font-weight:800;
  box-shadow:0 6px 18px #FF2D7A44;border:0}
.ad-visit svg{flex-shrink:0}
.video-card:has(.ad-visit) .video-info{bottom:calc(var(--frame-bottom) + 66px)}

/* ===== 11) زر «تسوّق» لرابط المنتج ===== */
.prod-chip{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:5px 6px 5px 12px;border-radius:12px;max-width:100%;
  background:#ffffff1f;border:1px solid #ffffff33;color:#fff;backdrop-filter:blur(8px);pointer-events:auto}
.prod-chip .pc-ic{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#FACC15;color:#19140b;flex-shrink:0}
.prod-chip b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.prod-chip i{font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:8px;background:#fff;color:#111}
body.clear-mode .prod-chip,.video-card.fast .prod-chip{opacity:0}
.prod-sheet .ghost-btn{width:100%}

/* ===== 12) سلسلة الأيام داخل عدّاد النقاط ===== */
.pill-streak{display:inline-flex;align-items:center;gap:2px;padding:0 6px 0 2px;margin-inline-end:4px;border-inline-end:1px solid #ffffff2e;color:#FB923C;font:800 11px Poppins,sans-serif}
.pill-streak svg{filter:drop-shadow(0 0 4px #FB923C88)}
.pill-streak.ready{color:#FFD34D;animation:streakPulse 1.6s ease-in-out infinite}
@keyframes streakPulse{50%{transform:scale(1.12)}}
.pill-streak i{font-style:normal}

/* ===== 13) سوق صنّاع المحتوى ===== */
.mkt-top{display:flex;align-items:center;gap:10px}
.mkt-hero{margin:10px 0 14px;padding:18px;border-radius:24px;background:linear-gradient(150deg,#2A1650,#11152A 70%);border:1px solid #ffffff1a}
.mkt-hero h2{margin:0 0 6px}.mkt-hero p{font-size:13px!important;color:#ffffffcc!important}
.mkt-tabs{display:flex;gap:6px;padding:4px;border-radius:16px;background:#ffffff0a;margin-bottom:14px}
.mkt-tabs button{flex:1;height:38px;border-radius:12px;color:#ffffffa6;font-weight:800;font-size:12.5px}
.mkt-tabs button.on{background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff}
.mkt-list{display:flex;flex-direction:column;gap:10px}
.mkt-card{display:flex;gap:12px;padding:14px;border-radius:20px;background:#ffffff08;border:1px solid #ffffff14;align-items:flex-start}
.mkt-card>img{width:52px;height:52px;border-radius:16px;object-fit:cover;flex-shrink:0}
.mk-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mk-info b{font-size:14.5px}.mk-info small{color:#ffffff80;font-size:11px}
.mk-info p{font-size:12px!important;color:#ffffffb3!important;margin-top:4px!important}
.mk-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.mk-tags span{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;padding:2px 7px;border-radius:8px;background:#ffffff12;color:#ffffffcc}
.mk-lvl.l2{color:#67E8F9}.mk-lvl.l3{color:#F0ABFC}.mk-lvl.l4{color:#FDBA74}.mk-lvl.l5{color:#FDE68A}
.mk-side{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}
.mk-side small{font-size:10px;color:#ffffff80}.mk-side b{font:800 17px Poppins,sans-serif}
.mk-order{margin-top:6px;height:34px;padding:0 12px;border-radius:12px;background:#22D3EE;color:#07061A;font-weight:800;font-size:12px;white-space:nowrap}
.mkt-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:30px 10px;color:#ffffff80}
.mkt-empty p{font-size:13px!important}
.mkt-offer{display:flex;flex-direction:column;gap:6px}
.mkt-offer p{font-size:13px!important;color:#ffffffcc!important}
.mk-ta{height:auto;min-height:78px;padding:12px 14px;resize:vertical;font-family:inherit;line-height:1.7}
.mkt-sheet .login-btn{width:100%}

/* ===== 14) لوحة الأدمن: النظام المالي ===== */
.adm-eco h3{display:flex;align-items:center;gap:8px}
.eco-close{margin-top:14px;padding:14px;border-radius:18px;background:#22D3EE0f;border:1px solid #22D3EE33;display:flex;flex-direction:column;gap:6px}
.eco-close>b{font-size:14px}.eco-close>small{font-size:11.5px;color:#ffffffa6;line-height:1.7}
.eco-row{display:flex;gap:8px;align-items:center}.eco-row .search-input{flex:1}.eco-row .secondary-business{width:auto;margin:0;padding:0 18px}
.eco-tabs{display:flex;gap:6px;margin-bottom:6px}
.eco-tabs button{height:34px;padding:0 12px;border-radius:12px;background:#ffffff0d;color:#ffffffb3;font-size:12px;font-weight:700}
.eco-tabs button.on{background:#FF2D7A;color:#fff}
.eco-warn{display:flex;align-items:center;gap:6px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#F59E0B1f;color:#FCD34D;font-size:12px}
.eco-top{margin-top:10px}.eco-top summary{font-size:12px;color:#ffffffb3;cursor:pointer}

/* ===== 15) صفحة «كيف يربح الجميع؟» ===== */
.eco-card span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ffffff12;color:#67E8F9}
.eco-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.eco-levels div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;background:#ffffff0a;text-align:center}
.eco-levels b{font:800 18px Poppins,sans-serif;color:#FDE68A}.eco-levels span{font-size:11.5px;font-weight:800}
.eco-levels small{font-size:9.5px;color:#ffffff80}.eco-levels em{font-style:normal;font-size:11px;color:#4ADE80;font-weight:800}

/* css/v28-1.css */
/* v28.1 — إصلاحات عامة (يُحمَّل آخر ملف) */

/* الملاحظة 4/11: مساحة فارغة كبيرة فوق عناوين الصفحات */
.earn,.legal,.live-page,.messages-panel,.business-panel,.studio,.tag-page,.profile-panel,.search-panel{padding-top:calc(66px + env(safe-area-inset-top))!important}
.earn-head h1,.messages-panel>h2,.messages-panel h1,.live-page .lp-head h2,.search-panel>h2{margin-top:0}

/* الملاحظة 27: إطار أبيض حول أزرار القائمة السفلية بعد الضغط */
.bottom-nav button:focus,.bottom-nav button:focus-visible,.nav-item:focus{outline:none!important;box-shadow:none}
.bottom-nav button:focus-visible{outline:2px solid #ffffff55!important;outline-offset:-4px;border-radius:12px}
button:focus:not(:focus-visible){outline:none}

/* الملاحظة 26: النوافذ السفلية لا تلتصق بأزرار الهاتف */
.sheet{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}

/* الملاحظة 9: الأرقام والنسب داخل النص العربي */
bdi[dir="ltr"]{unicode-bidi:isolate}

/* الملاحظات 16-21: البث */
.ls-form{gap:14px}
.ls-card{gap:16px;padding:18px}
.ls-card .ls-row{margin:0!important}
.ls-rules{margin:0 4px;line-height:1.6}
.jlive .lv-shade{background:linear-gradient(180deg,#000000b8 0%,#00000066 12%,#00000000 24%,#00000000 58%,#000000bf 100%)!important}
.lv-who,.lv-viewers,.lv-rank,.lv-row2 .lv-topg,.lv-row2 .lv-recent,.lv-points{background:#0000006b!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff1a;text-shadow:0 1px 2px #0008}
.lv-rank{display:inline-flex!important;align-items:center;gap:6px}
.lv-rank svg,.lv-topg svg{color:#FACC15;flex-shrink:0}
.lv-topg{display:inline-flex;align-items:center;gap:4px}
.lv-eye{display:inline-grid;place-items:center;opacity:.9;font-style:normal}
.lv-end .lp-ic{font-size:0}
.lv-sum b.lv-w{font-size:16px;line-height:1.5}
.lv-hint{font-size:12px;color:#FACC15;background:#FACC1514;border:1px solid #FACC1533;border-radius:12px;padding:8px 12px;line-height:1.5}
.lv-join svg,.lv-guests svg{display:block}
.lg-panel .lp-h small{font-weight:600;color:#ffffff99;margin-inline-start:4px}
.lg-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 4px}
.lg-empty>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#22D3EE1a;color:#22D3EE}
.lg-empty p{margin:0;font-size:13px;line-height:1.7;color:#ffffffc0}
.lg-invite{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:19px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff;font-weight:800;font-size:13px;border:0}
.lg-battle{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.lv-pin>span svg{color:#FACC15}

/* الملاحظة 22: احتمالات العجلة + الحظر + حذف الحساب */
.wheel-odds{margin-top:12px;font-size:12.5px;color:#ffffffb3}
.wheel-odds summary{cursor:pointer;text-align:center;font-weight:700;list-style:none}
.wheel-odds summary::-webkit-details-marker{display:none}
.wheel-odds>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 6px}
.wheel-odds span{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:12px;background:#ffffff0d}
.wheel-odds span b{font-size:15px;color:#fff}.wheel-odds em{font-style:normal;color:#FACC15;font-weight:700}
.wheel-odds small{display:block;text-align:center}.wheel-odds a{color:#22D3EE}
.legal-odds{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:14px}
.legal-odds th,.legal-odds td{padding:8px 10px;border-bottom:1px solid #ffffff14;text-align:start}
.legal-odds th{color:#ffffff99;font-weight:600}
.legal button.legal-btn{border:0;cursor:pointer;font-family:inherit}
.legal-btn.danger{background:#E11D48!important;border:0;color:#fff!important;width:100%;margin-top:12px}
.legal-btn.danger:disabled{opacity:.45}
.legal #daIn{margin-top:6px}
.blk-sheet{text-align:center}
.blk-ic{width:60px;height:60px;border-radius:20px;display:inline-grid;place-items:center;background:#E11D4822;color:#FB7185;margin-bottom:6px}
.blk-list{text-align:start;margin:10px 0 14px;padding-inline-start:20px;line-height:1.9;color:#ffffffc0;font-size:13.5px}
.blk-row .ghost-btn{margin-inline-start:auto;width:auto;padding:0 12px;height:34px;font-size:12px}
button.pp2-pickc{width:100%;color:inherit;font:inherit;text-align:start}

/* css/cam-v28-1.css */
/* v28.1 — كاميرا بأسلوب 2026: معاينة بزوايا دائرية + شريط سفلي داكن + فلاتر حول زر التصوير */
.cam.v281{--bar:calc(92px + env(safe-area-inset-bottom));background:#000}
.cam.v281 .cam-stage{top:calc(env(safe-area-inset-top) + 4px);bottom:var(--bar);left:0;right:0;border-radius:20px}
.cam.v281 .cam-shade{top:calc(env(safe-area-inset-top) + 4px);bottom:var(--bar);border-radius:20px;background:linear-gradient(180deg,#0000008c 0%,#00000000 20%,#00000000 66%,#000000a6 100%)}

/* الأدوات الجانبية: أيقونات فقط + ظل يجعلها واضحة على أي خلفية */
.cam.v281 .cam-side{top:calc(78px + env(safe-area-inset-top))!important;gap:6px!important}
.cam.v281 .cam-side button{width:46px!important;height:46px!important;justify-content:center;filter:drop-shadow(0 1px 2px #000c) drop-shadow(0 0 8px #0006)}
.cam.v281 .cam-side button small{display:none}
.cam.v281 .cam-side button svg{width:27px;height:27px}
.cam.v281 .cam-side .chev svg{width:26px;height:26px;padding:0;background:none;transition:transform .25s}
.cam.v281.side-open .cam-side .chev svg{transform:rotate(180deg)}
.cam.v281 .cs-extra{display:none;flex-direction:column;gap:6px}
.cam.v281.side-open .cs-extra{display:flex}
.cam.v281 .cam-side em{top:2px!important;right:0!important}
.cam.v281 .cam-top button,.cam.v281 .cam-sound{filter:drop-shadow(0 1px 3px #0009)}

/* دوائر الفلاتر على نفس سطر زر التصوير — الدائرة المختارة تحت الزر */
.cam.v281 .cam-filters{bottom:calc(var(--bar) + 26px)!important;height:84px;align-items:center!important;gap:16px!important;padding:0 calc(50% - 27px)!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
.cam.v281 .cam-filters button small{display:none}
.cam.v281 .cam-filters span{width:54px!important;height:54px!important;border-radius:27px!important;border:2px solid #ffffffb3!important;box-shadow:0 2px 10px #0008!important}
.cam.v281 .cam-filters button.on span{width:54px!important;height:54px!important;border:2px solid #fff!important;box-shadow:none!important;transform:none!important}
.cam.v281 .cam-bottom{bottom:calc(var(--bar) + 20px)!important;left:0!important;right:0!important;justify-content:center;pointer-events:none}
.cam.v281 .cam-bottom>*{pointer-events:auto}
.cam.v281 .cam-rec{width:90px;height:90px}
.cam.v281 .cam-ring{width:90px;height:90px}
.cam.v281 .cam-dot{width:66px;height:66px;box-shadow:0 0 0 0 #0000}
.cam.v281.show-filters:not(.recording):not(.has-segs):not(.photo):not(.textmode) .cam-dot{background:#FF2D7Ae6}
.cam.v281 .cam-del,.cam.v281 .cam-done{position:absolute;top:50%;transform:translateY(-50%)}
.cam.v281 .cam-del{right:calc(50% + 70px)}
.cam.v281 .cam-done{left:calc(50% + 70px)}
.cam.v281 .cam-fmini{position:absolute;z-index:4;left:0;right:0;bottom:calc(var(--bar) + 118px);text-align:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 4px #000;pointer-events:none;transition:opacity .2s}
.cam.v281.recording .cam-filters,.cam.v281.has-segs .cam-filters,.cam.v281.textmode .cam-filters,.cam.v281.duet .cam-filters{opacity:0!important;pointer-events:none!important}
.cam.v281.recording .cam-fmini,.cam.v281.has-segs .cam-fmini,.cam.v281.textmode .cam-fmini,.cam.v281.duet .cam-fmini{opacity:0}

/* الشريط السفلي الداكن: المعرض + الأوضاع + الملصقات */
.cam.v281 .cam-modes{bottom:calc(env(safe-area-inset-bottom) + 30px)!important;background:none!important;padding:0!important;gap:4px!important;border:0!important;backdrop-filter:none!important}
.cam.v281 .cam-modes button{padding:6px 10px!important;font-size:14px!important;color:#ffffff80!important;background:none!important;border-radius:0!important;position:relative}
.cam.v281 .cam-modes button.on{color:#fff!important;font-weight:800;background:none!important}
.cam.v281 .cam-modes button.on::after{content:'';position:absolute;left:50%;bottom:-4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#fff}
.cam.v281 .cam-gal,.cam.v281 .cam-stk{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 22px);width:42px;height:42px}
.cam.v281 .cam-gal{right:18px;border-radius:10px;border:2px solid #fff!important;background-size:cover!important;background-position:center!important}
.cam.v281 .cam-gal.has-thumb svg{opacity:0}
.cam.v281 .cam-stk{left:18px;border-radius:21px}
.cam.v281 .cam-hint{bottom:calc(env(safe-area-inset-bottom) + 34px)}
.cam.v281.recording .cam-hint,.cam.v281.has-segs .cam-hint{display:block!important}

/* المنشور النصي */
.cam.v281 .cam-textmode{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:90px 28px 150px;touch-action:auto}
.cam-textmode textarea{width:100%;min-height:160px;max-height:60%;background:none;border:0;outline:none;resize:none;color:#fff;text-align:center;font:800 32px/1.5 Cairo,sans-serif;text-shadow:0 2px 12px #0005;direction:rtl}
.cam-textmode textarea::placeholder{color:#ffffffa6}
.cam-textmode textarea.mid{font-size:25px}.cam-textmode textarea.long{font-size:20px}
.ctm-bg{position:absolute;top:84px;right:16px;display:flex!important;align-items:center;gap:6px;height:36px;padding:0 12px 0 6px!important;border-radius:18px;background:#0000004d!important;font-size:12.5px;font-weight:700}
.ctm-bg i{width:24px;height:24px;border-radius:12px;border:2px solid #fff}
.cam.v281.textmode .cam-side,.cam.v281.textmode .cam-stk{display:none!important}
.cam.v281.textmode .cam-dot{background:#fff}
/* الأوضاع بين مربع المعرض وزر الملصقات بدون تداخل */
.cam.v281 .cam-modes{left:62px!important;right:62px!important;transform:none!important;justify-content:center;gap:0!important;overflow-x:auto;scrollbar-width:none}
.cam.v281 .cam-modes::-webkit-scrollbar{display:none}
.cam.v281 .cam-modes button{padding:6px 7px!important;font-size:13.5px!important;flex-shrink:0}
.cam.v281 .cam-gal,.cam.v281 .cam-stk{width:40px;height:40px;bottom:calc(env(safe-area-inset-bottom) + 24px)}
.cam.v281 .cam-gal{right:12px}.cam.v281 .cam-stk{left:12px}
.cam.v281 .cam-modes{padding:2px 0 10px!important;bottom:calc(env(safe-area-inset-bottom) + 22px)!important}

/* css/cam-polish-v1.css */
/* v28.43 — صفحة التصوير: آخر لقطة، أسماء الفلاتر، لوحة الملصقات بتبويبات، تسمية زر الملصق، عنوان تأثيرات الصوت
   لحذفها: احذف هذا الملف وسطره من index.html */
/* (8) مربع آخر لقطة يُظهر الصورة فعلًا */
.cam .cam-gal.has-thumb{background-image:var(--th)!important;background-size:cover!important;background-position:center!important}
.cam .cam-gal.has-thumb svg{opacity:0}
/* (5) اسم صغير تحت كل فلتر (بدل الاسم الواحد في المنتصف) */
.cam.v281 .cam-filters button{display:flex;flex-direction:column;align-items:center;gap:4px}
.cam.v281 .cam-filters button small{display:block!important;font-size:10px!important;font-weight:700;color:#fff;text-shadow:0 1px 4px #000;white-space:nowrap;opacity:.85}
.cam.v281 .cam-filters button.on small{opacity:0} /* الفلتر المختار تحت زر التسجيل — اسمه يظهر فوق الزر (.cam-fmini) */
/* (7) تسمية زر الملصقات */
.cam .cam-stk{overflow:visible!important}
.cam .cam-stk .stk-lbl{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 4px #000;white-space:nowrap;pointer-events:none}
/* (10)(11) لوحة الملصقات: تبويبات + الصف الأخير كامل + تلاشٍ يدل على التمرير */
.cam .cam-stick:not(.hidden){max-height:62vh;display:flex;flex-direction:column;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
.cam .stk-tabs{display:flex;gap:6px;margin:4px 0 12px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}
.cam .stk-tabs::-webkit-scrollbar{display:none}
.cam .stk-tabs button{flex:1 0 auto;height:36px;padding:0 14px;border-radius:18px;background:#ffffff0f;border:1px solid #ffffff1f;color:#ffffffc7;font:700 13px Cairo,system-ui,sans-serif}
.cam .stk-tabs button.on{background:linear-gradient(135deg,#FF2D7A,#8B5CF6);border-color:transparent;color:#fff}
.cam .stk-pane{overflow-y:auto;min-height:0;padding-bottom:18px;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),transparent);mask-image:linear-gradient(#000 calc(100% - 22px),transparent)}
.cam .stk-pane.hidden{display:none}
.cam .stk-pane .cam-cities{max-height:none;margin-top:0}
.cam .stk-flags button{display:grid;place-items:center;padding:0}
.cam .stk-flags img{width:38px;height:28px;object-fit:cover;border-radius:5px;box-shadow:0 2px 6px #0007}
.cam .cam-cities button{display:inline-flex;align-items:center;gap:5px}
.cam .cam-cities button svg{color:#FF7AB0;flex-shrink:0}
/* (14) عنوان صف تأثيرات الصوت */
.cam .cs-voices .cs-vt{flex-basis:100%;font-size:12px;color:#ffffffa6;margin-bottom:2px}
.cam .cs-voices{flex-wrap:wrap}
/* v28.44 — دائرة الفلتر المختار كانت تظهر من خلف زر التسجيل الزهري (وجه باهت داخل الزر) */
.cam.v281 .cam-filters button.on span{opacity:0!important}

/* css/cam-studio-v1.css */
/* v28.44 — «استوديو Jokt»: تصميم جديد كامل لصفحة التصوير (زجاج داكن، عمود أدوات عائم، زر تسجيل احترافي، أوضاع كبسولية)
   الوظائف كما هي تمامًا — هذا الملف يغيّر الشكل فقط ويُفعَّل بالكلمة studio في camera.js
   لحذفه والرجوع للتصميم السابق: احذف هذا الملف وسطره من index.html */

.cam.v281.studio{
  --bar:calc(112px + env(safe-area-inset-bottom));
  --glass:rgba(10,9,22,.42); --glass-b:rgba(255,255,255,.14); --ink:#fff; --muted:rgba(255,255,255,.62);
  --pink:#FF2D7A; --violet:#8B5CF6; --cyan:#22D3EE;
  background:#000;
}

/* ===== المعاينة ===== */
.cam.v281.studio .cam-stage,.cam.v281.studio .cam-shade{top:calc(env(safe-area-inset-top) + 6px);left:6px;right:6px;bottom:var(--bar);border-radius:28px;overflow:hidden}
.cam.v281.studio .cam-shade{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0) 70%,rgba(0,0,0,.6) 100%)}
.cam.v281.studio .cam-progress{top:calc(env(safe-area-inset-top) + 14px);left:22px;right:22px;height:3px;background:rgba(255,255,255,.22)}

/* ===== الشريط العلوي ===== */
.cam.v281.studio .cam-top{top:calc(env(safe-area-inset-top) + 18px);left:18px;right:18px}
.cam.v281.studio .cam-top .cam-x{width:40px;height:40px;border-radius:20px;background:var(--glass)!important;border:1px solid var(--glass-b)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);filter:none!important;display:grid;place-items:center}
.cam.v281.studio .cam-top .cam-x svg{width:20px;height:20px}
.cam.v281.studio .cam-sound{height:38px!important;padding:0 16px 0 14px!important;border-radius:19px;background:var(--glass)!important;border:1px solid var(--glass-b)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);filter:none!important;font:700 13.5px Cairo,system-ui,sans-serif;gap:7px}
.cam.v281.studio .cam-sound svg{width:17px;height:17px;color:var(--pink)}
.cam.v281.studio .cam-timepill{height:34px;padding:0 14px;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(14px)}

/* ===== عمود الأدوات العائم ===== */
.cam.v281.studio .cam-side{top:calc(env(safe-area-inset-top) + 74px)!important;right:16px!important;gap:2px!important;padding:6px!important;border-radius:26px;background:var(--glass)!important;border:1px solid var(--glass-b)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.cam.v281.studio .cam-side button{width:42px!important;height:42px!important;border-radius:21px;filter:none!important;display:grid;place-items:center;position:relative;color:#fff;transition:background .15s}
.cam.v281.studio .cam-side button:active{background:rgba(255,255,255,.12)}
.cam.v281.studio .cam-side button svg{width:23px!important;height:23px!important}
.cam.v281.studio .cam-side button.on{color:var(--cyan)}
.cam.v281.studio .cam-side button.on::after{content:'';position:absolute;bottom:4px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:2px;background:var(--cyan)}
.cam.v281.studio .cam-side em{top:3px!important;right:1px!important;left:auto!important;min-width:18px;height:16px;padding:0 4px;border-radius:8px;background:var(--pink);color:#fff;font:800 9.5px/16px Poppins,system-ui,sans-serif;font-style:normal;text-align:center}
.cam.v281.studio .cam-side em:empty{display:none}
.cam.v281.studio .cs-extra{gap:2px}
.cam.v281.studio .cam-side .chev{border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 21px 21px;margin-top:2px}
.cam.v281.studio .cam-side .chev svg{width:20px!important;height:20px!important}

/* ===== اسم الفلتر فوق زر التسجيل ===== */
.cam.v281.studio .cam-fmini{display:block!important;left:50%;right:auto;transform:translateX(-50%);bottom:calc(var(--bar) + 126px);padding:4px 12px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(12px);font:800 12px Cairo,system-ui,sans-serif;text-shadow:none;white-space:nowrap}
.cam.v281.studio .cam-fmini:empty{display:none!important}
.cam.v281.studio .cam-fname{display:none!important}

/* ===== دوائر الفلاتر ===== */
.cam.v281.studio .cam-filters{bottom:calc(var(--bar) + 18px)!important;height:96px;gap:14px!important;padding:0 calc(50% - 24px)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.cam.v281.studio .cam-filters button{gap:5px}
.cam.v281.studio .cam-filters span{width:48px!important;height:48px!important;border-radius:24px!important;border:1.5px solid rgba(255,255,255,.75)!important;box-shadow:0 4px 14px rgba(0,0,0,.45)!important}
.cam.v281.studio .cam-filters button small{font-size:10px!important;font-weight:700;opacity:.9}

/* ===== زر التسجيل ===== */
.cam.v281.studio .cam-bottom{bottom:calc(var(--bar) + 22px)!important}
.cam.v281.studio .cam-rec,.cam.v281.studio .cam-ring{width:84px;height:84px}
.cam.v281.studio .cam-ring .r-bg{stroke:#fff;stroke-width:4.5px;opacity:.95}
.cam.v281.studio .cam-ring .r-fg{stroke:url(#jkRing);stroke-width:4.5px}
.cam.v281.studio .cam-dot{width:64px!important;height:64px!important;border-radius:32px!important;background:radial-gradient(circle at 35% 30%,#FF7AA8 0%,var(--pink) 45%,#E11D74 100%)!important;box-shadow:0 6px 22px rgba(255,45,122,.45),inset 0 -3px 8px rgba(0,0,0,.18)!important;opacity:1!important}
.cam.v281.studio.photo .cam-dot,.cam.v281.studio.textmode .cam-dot{background:radial-gradient(circle at 35% 30%,#fff 0%,#F3F4F6 60%,#D1D5DB 100%)!important;box-shadow:0 6px 22px rgba(255,255,255,.25)!important}
.cam.v281.studio.recording .cam-dot{width:32px!important;height:32px!important;border-radius:9px!important}
.cam.v281.studio.recording .cam-ring .r-bg,.cam.v281.studio.has-segs .cam-ring .r-bg{stroke:rgba(255,255,255,.3)}
.cam.v281.studio .cam-del,.cam.v281.studio .cam-done{width:46px!important;height:46px!important;border-radius:23px!important;backdrop-filter:blur(14px)}
.cam.v281.studio .cam-del{background:var(--glass)!important;border:1px solid var(--glass-b)!important;right:calc(50% + 66px)}
.cam.v281.studio .cam-done{background:linear-gradient(135deg,var(--pink),var(--violet))!important;color:#fff!important;border:0!important;left:calc(50% + 66px);box-shadow:0 6px 18px rgba(139,92,246,.45)}

/* ===== الشريط السفلي: الأوضاع كبسولة + الملصقات + المعرض ===== */
.cam.v281.studio .cam-modes{left:72px!important;right:72px!important;bottom:calc(env(safe-area-inset-bottom) + 30px)!important;height:36px;padding:3px!important;gap:0!important;border-radius:18px;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important;justify-content:space-between;align-items:center;overflow:hidden}
.cam.v281.studio .cam-modes button{flex:1;height:30px;padding:0 4px!important;border-radius:15px!important;font:700 12.5px Cairo,system-ui,sans-serif!important;color:var(--muted)!important;transition:background .2s,color .2s}
.cam.v281.studio .cam-modes button.on{background:#fff!important;color:#0B0A1A!important;font-weight:800}
.cam.v281.studio .cam-modes button.on::after{display:none}
.cam.v281.studio .cam-gal,.cam.v281.studio .cam-stk{width:46px!important;height:46px!important;bottom:calc(env(safe-area-inset-bottom) + 25px)!important}
.cam.v281.studio .cam-gal{right:16px!important;border-radius:14px!important;border:2px solid rgba(255,255,255,.9)!important;background-color:rgba(255,255,255,.08)!important;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.cam.v281.studio .cam-stk{left:16px!important;border-radius:23px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important}
.cam.v281.studio .cam-stk .stk-lbl{top:calc(100% + 4px);font-size:10px;color:var(--muted);text-shadow:none}
.cam.v281.studio .cam-hint{bottom:calc(env(safe-area-inset-bottom) + 76px);font-size:12px;color:var(--muted)}

/* ===== اللوحات (الأدوات / الملصقات / النص) ===== */
.cam.v281.studio .cam-sheet{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:28px;background:rgba(16,14,32,.94);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -12px 40px rgba(0,0,0,.55)}
.cam.v281.studio .cs-head h2{font-size:18px}
.cam.v281.studio .cs-grid{gap:14px 8px}
.cam.v281.studio .cs-grid span{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}
.cam.v281.studio .cs-grid small{font-size:11.5px;color:rgba(255,255,255,.82)}
.cam.v281.studio .cs-grid button.on span{background:rgba(34,211,238,.16);border-color:rgba(34,211,238,.4);color:var(--cyan)}
.cam.v281.studio .cs-beauty{border-radius:18px;background:rgba(255,255,255,.05)}
.cam.v281.studio .cam-filters button.on small{opacity:0!important} /* اسم المختار يظهر فوق الزر فقط */
.cam.v281.studio:not(.recording):not(.has-segs) .cam-ring .r-fg{opacity:0} /* نقطة بداية التقدم لا تظهر قبل التسجيل */

/* css/cam-v32.css */
/* v32 — صفحة التصوير بهوية Jokt الخاصة (مختلفة عن تيك توك)
   - عمود الأدوات على اليسار، وأول أداة «صوت» (أيقونة بدل الكبسولة العلوية)
   - زر تسجيل مربّع بزوايا ناعمة بإطار ألوان Jokt (ليس دائرة وردية بحلقة بيضاء)
   - اختيار المدة نصوص بخط سفلي ملوّن (بدون كبسولة داكنة)
   - الفلتر المختار بإطار ألوان Jokt، وزر «نشر الفيديو» و«رفع فيديو» مكتوبان بوضوح
   يتفعّل بالكلمة v32 في camera.js — لحذفه: احذف هذا الملف وسطره من index.html وكلمة v32 */

.cam.v281.studio.v32{--jg:linear-gradient(135deg,#FF2D7A,#8B5CF6 55%,#22D3EE)}

/* ===== الأعلى: زر الإغلاق + اسم الصوت المختار ===== */
.cam.v281.studio.v32 .cam-top{justify-content:center!important;min-height:40px}
.cam.v281.studio.v32 .cam-soundchip{display:flex;align-items:center;gap:6px;max-width:58%;height:32px;padding:0 12px;border-radius:16px;background:rgba(10,9,22,.5);border:1px solid rgba(255,45,122,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:700 12.5px Cairo,system-ui,sans-serif;color:#fff}
.cam.v281.studio.v32 .cam-soundchip.hidden{display:none}
.cam.v281.studio.v32 .cam-soundchip svg{width:15px;height:15px;color:#FF2D7A;flex-shrink:0}
.cam.v281.studio.v32 .cam-soundchip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cam.v281.studio.v32.recording .cam-soundchip,.cam.v281.studio.v32.has-segs .cam-soundchip{display:none}

/* ===== عمود الأدوات على اليسار ===== */
.cam.v281.studio.v32 .cam-side{right:auto!important;left:14px!important;top:calc(env(safe-area-inset-top) + 72px)!important}
.cam.v281.studio.v32 .cam-side .cam-sound{display:grid!important;place-items:center;width:42px!important;height:42px!important;padding:0!important;border-radius:21px!important;background:linear-gradient(135deg,rgba(255,45,122,.32),rgba(139,92,246,.32))!important;border:0!important;max-width:none!important;backdrop-filter:none!important}
.cam.v281.studio.v32 .cam-side .cam-sound svg{width:22px!important;height:22px!important;color:#fff!important}
.cam.v281.studio.v32 .cam-side .cam-sound span{display:none}
.cam.v281.studio.v32 .cam-side .cam-sound.has{background:var(--jg)!important}
.cam.v281.studio.v32 .cam-side .cam-sound.has::after{content:'';position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#22D3EE;box-shadow:0 0 0 2px #0B0A1A}
.cam.v281.studio.v32 .cam-side small{display:none!important} /* أيقونات فقط */

/* ===== زر التسجيل: مربع ناعم بإطار ألوان Jokt ===== */
.cam.v281.studio.v32 .cam-rec{width:80px!important;height:80px!important;border-radius:28px!important;padding:3.5px!important;background:var(--jg)!important;box-shadow:0 8px 26px rgba(139,92,246,.45)!important;display:grid!important;place-items:center;position:relative;overflow:visible}
.cam.v281.studio.v32 .cam-rec::before{content:'';position:absolute;inset:3.5px;border-radius:25px;background:rgba(11,10,26,.82)}
.cam.v281.studio.v32 .cam-ring{display:none!important}
.cam.v281.studio.v32 .cam-dot{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:54px!important;height:54px!important;border-radius:18px!important;background:linear-gradient(135deg,#FF2D7A,#8B5CF6)!important;box-shadow:inset 0 -3px 8px rgba(0,0,0,.2)!important;transition:all .22s cubic-bezier(.3,1.4,.5,1)!important;opacity:1!important}
.cam.v281.studio.v32.photo .cam-dot,.cam.v281.studio.v32.textmode .cam-dot{background:#fff!important;border-radius:50%!important;width:50px!important;height:50px!important}
.cam.v281.studio.v32.recording .cam-dot{width:28px!important;height:28px!important;border-radius:8px!important;background:#FF3B5C!important}
.cam.v281.studio.v32.recording .cam-rec{animation:camV32Pulse 1.4s ease-in-out infinite}
@keyframes camV32Pulse{50%{box-shadow:0 8px 34px rgba(255,45,122,.7)}}

/* ===== الفلاتر: المختار بإطار ألوان Jokt ===== */
.cam.v281.studio.v32 .cam-filters span{width:46px!important;height:46px!important;border-radius:16px!important;border:1.5px solid rgba(255,255,255,.55)!important}
.cam.v281.studio.v32 .cam-filters button.on span{opacity:0!important} /* الفلتر المختار يقع تحت زر التسجيل — اسمه فوق الزر */
.cam.v281.studio.v32 .cam-fmini{bottom:calc(var(--bar) + 124px)!important;padding:4px 14px!important;border-radius:12px!important;background:rgba(11,10,26,.6)!important;border:1px solid transparent!important;background-clip:padding-box!important;box-shadow:0 0 0 1.5px #FF2D7A!important;font:800 12.5px Cairo,system-ui,sans-serif!important}

/* ===== المدة: نصوص بخط سفلي ملوّن (بدون كبسولة) ===== */
.cam.v281.studio.v32 .cam-modes{left:74px!important;right:74px!important;background:none!important;border:0!important;height:40px;padding:0 0 8px!important;gap:0!important;justify-content:space-between;overflow:visible}
.cam.v281.studio.v32 .cam-modes button{flex:1 1 0;min-width:0;height:30px;padding:0 2px!important;border-radius:0!important;background:none!important;color:rgba(255,255,255,.6)!important;font:700 13px Cairo,system-ui,sans-serif!important;position:relative;white-space:nowrap}
.cam.v281.studio.v32 .cam-modes button.on{background:none!important;color:#fff!important;font-weight:800!important}
.cam.v281.studio.v32 .cam-modes button.on::after{display:block!important;content:'';position:absolute;left:50%;bottom:-3px;width:20px;height:3.5px;margin-left:-10px;border-radius:2px;background:var(--jg)}

/* ===== رفع فيديو + ملصق: تسميات واضحة ===== */
.cam.v281.studio.v32 .cam-gal{overflow:visible!important}
.cam.v281.studio.v32 .cam-gal .gal-lbl{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);font:700 10px Cairo,system-ui,sans-serif;color:rgba(255,255,255,.85);white-space:nowrap;pointer-events:none}
.cam.v281.studio.v32 .cam-gal.has-thumb .gal-lbl{opacity:1}

/* ===== بعد التصوير: زر «نشر الفيديو» مكتوب ===== */
.cam.v281.studio.v32 .cam-done{width:auto!important;height:46px!important;padding:0 13px 0 12px!important;border-radius:23px!important;display:none;align-items:center;gap:5px;left:calc(50% + 50px)!important;font:800 13px Cairo,system-ui,sans-serif;white-space:nowrap;background:var(--jg)!important}
.cam.v281.studio.v32.has-segs .cam-done,.cam.v281.studio.v32.recording .cam-done{display:flex!important}
.cam.v281.studio.v32 .cam-done svg{width:18px;height:18px}
.cam.v281.studio.v32 .cam-del{right:calc(50% + 50px)!important;border-radius:16px!important}

/* شاشات صغيرة جدًا: تصغير زر النشر */
@media (max-width:340px){
  .cam.v281.studio.v32 .cam-done{padding:0 11px!important;font-size:12px}
  .cam.v281.studio.v32 .cam-done svg{display:none}
  .cam.v281.studio.v32 .cam-modes{left:66px!important;right:66px!important}
  .cam.v281.studio.v32 .cam-modes button{font-size:12px!important}
}

/* css/watermark-off.css */
/* v28.8: إزالة العلامة المائية المتحركة داخل التطبيق (التنزيل يبقى بشعار Jokt داخل الفيديو) */
.jokt-wm{display:none!important}

/* css/earnings-v28-10.css */
/* v28.10 — أسطر صغيرة في صفحة الأرباح */
.earn-upd{display:block;opacity:.7;font-size:12px;margin-top:4px}
.el-note2{display:block;opacity:.75;font-size:12px;margin-top:6px;line-height:1.6}
.wd-sum{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:8px;opacity:.85}

/* css/no-select-v1.css */
/* v28.39 — منع التحديد الأزرق وقائمة «نسخ / تحديد الكل / مشاركة» عند الضغط المطوّل على واجهة التطبيق
   الكتابة والنسخ تبقى تعمل داخل الحقول والصفحات القانونية. لحذف الميزة: احذف هذا الملف وسطره من index.html */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,[contenteditable="true"],[contenteditable=""],.legal,.legal *,.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,video,svg{-webkit-touch-callout:none;-webkit-user-drag:none}

/* css/thumb-safe-v1.css */
/* v28.43 — الصور المصغّرة: لا مربعات سوداء بعد اليوم.
   الفيديو مخفي حتى تُلتقط صورة سليمة منه (.th-ok)، وحتى ذلك يظهر التصميم البديل (تدرّج + أيقونة تشغيل).
   لحذفها: احذف هذا الملف وسطره من index.html */
.thumb video[data-src]:not(.th-ok),.nt-thumb video[data-src]:not(.th-ok){opacity:0!important}
.nt-thumb{position:relative}
.nt-thumb video{position:relative;z-index:1}
.nt-thumb .th-ph{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff8c;z-index:0;font-style:normal}

/* css/frames.css */
/* v28.47 — إطارات Jokt 2026 (js/frames.js): كلها مجانية للجميع.
   البنية: .pp-av.jf-on > .jf.f-<اسم> > (زخارف + img + فيديو الصورة الحيّة)
   كل المقاسات بوحدة em: .jf = 10em، والصورة = 8.2em. الحركة transform/opacity فقط لتعمل على الجوالات الضعيفة. */

.pp-av.jf-on { background: none !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; position: relative; }
.jf { position: absolute; left: 50%; top: 50%; width: 10em; height: 10em; font-size: calc(var(--jf-img, 104px) / 8.2);
  transform: translate(-50%, -50%); display: grid; place-items: center; isolation: isolate; pointer-events: none; }
.jf .jf-tap { pointer-events: auto; }
.pp-av .jf > img, .jf > img { width: 8.2em !important; height: 8.2em !important; border-radius: 50% !important; object-fit: cover;
  position: relative; z-index: 3; border: .22em solid #0B0A1F !important; background: #241f4d; margin: 0 !important; }
.jf > video.jf-vid { position: absolute; z-index: 3; width: 8.2em; height: 8.2em; border-radius: 50%; object-fit: cover; border: .22em solid #0B0A1F; background: #241f4d; }
.jf svg { position: absolute; overflow: visible; }
.jf .deco { position: absolute; inset: 0; }
.jf .live-chip { position: absolute; bottom: .1em; left: 50%; transform: translateX(-50%); z-index: 7; display: inline-flex; align-items: center; gap: .35em;
  padding: .2em .7em; border-radius: 1em; background: #FF2D7A; color: #fff; font-size: .95em; font-weight: 700; white-space: nowrap; box-shadow: 0 .2em .6em #0008; }
.jf .live-chip i { width: .5em; height: .5em; border-radius: 50%; background: #fff; animation: jfTw 1.2s ease-in-out infinite; }

@keyframes jfSpin { to { transform: rotate(360deg); } }
@keyframes jfTw { 50% { opacity: .25; transform: scale(.55); } }
@keyframes jfBob { 50% { transform: translateY(-.3em); } }
@keyframes jfGlow { 50% { filter: drop-shadow(0 0 1.1em #F5C451cc); } }

/* أجنحة النور */
.jf.f-wings > img { box-shadow: 0 0 0 .14em #D9F3FF, 0 0 1.4em #7DD3FCaa; }
.jf .wl, .jf .wr { width: 4.4em; height: 7.4em; top: 1.2em; z-index: 1; filter: drop-shadow(0 0 .5em #7DD3FC99); }
.jf .wl { left: -2.4em; transform-origin: 100% 40%; animation: jfFlapL 3.2s ease-in-out infinite; }
.jf .wr { right: -2.4em; transform-origin: 0 40%; animation: jfFlapR 3.2s ease-in-out infinite; } /* الجناح الأيمن مقلوب داخل الرسمة نفسها */
@keyframes jfFlapL { 50% { transform: rotate(7deg); } }
@keyframes jfFlapR { 50% { transform: rotate(-7deg); } }

/* التاج */
.jf.f-crown > img { box-shadow: 0 0 0 .16em #F5C451, 0 .6em 1.6em #F5C45140; }
.jf.f-crown .cr { width: 4.6em; height: 3.2em; top: -1.5em; right: .4em; z-index: 4; transform: rotate(18deg); animation: jfCrown 3s ease-in-out infinite; filter: drop-shadow(0 .2em .4em #0008); }
@keyframes jfCrown { 50% { transform: rotate(18deg) translateY(-.3em); } }

/* غبار النجوم */

/* زجاج سائل */
.jf .blob { position: absolute; inset: .35em; z-index: 1; border-radius: 58% 42% 55% 45% / 47% 58% 42% 53%;
  background: linear-gradient(140deg, #ffffffcc, #ffffff22 40%, #A5F3FC66 70%, #F0ABFC88); box-shadow: inset 0 0 .8em #ffffff99, 0 .8em 2em #0007; animation: jfMorph 7s ease-in-out infinite; }
.jf .shine { position: absolute; top: .9em; right: 1.6em; width: 2.6em; height: 1em; z-index: 4; border-radius: 50%; background: linear-gradient(180deg, #ffffffcc, transparent); transform: rotate(-30deg); opacity: .8; }
@keyframes jfMorph { 33% { border-radius: 44% 56% 40% 60% / 60% 42% 58% 40%; transform: rotate(8deg); } 66% { border-radius: 52% 48% 62% 38% / 42% 55% 45% 58%; transform: rotate(-6deg); } }

/* الهلال */
.jf .moon { width: 11.4em; height: 11.4em; top: -.7em; left: -.7em; z-index: 4; filter: drop-shadow(0 0 .6em #F5C45188); animation: jfGlow 4s ease-in-out infinite; }

/* زخرفة هندسية */

/* هالة اللهب */
.jf .fl { position: absolute; width: 7em; height: 7em; left: 1.5em; top: 1.5em; z-index: 1; border-radius: 50%; filter: blur(.7em); opacity: .9; animation: jfRise 2.6s ease-in-out infinite; }
.jf .fl:nth-child(1) { background: #F97316; }
.jf .fl:nth-child(2) { background: #EF4444; animation-delay: -.9s; }
.jf .fl:nth-child(3) { background: #FACC15; width: 5em; height: 5em; left: 2.5em; top: 2.2em; animation-delay: -1.7s; }
@keyframes jfRise { 0%, 100% { transform: translateY(.4em) scale(1); } 50% { transform: translateY(-1em) scale(1.12, 1.22); } }

/* موجة الصوت */
.jf b.eqb { position: absolute; left: 50%; top: 50%; width: .3em; height: 1.1em; margin-left: -.15em; border-radius: .2em; transform-origin: 50% 0;
  background: linear-gradient(180deg, #FF2D7A, #22D3EE); animation: jfEq 1.1s ease-in-out infinite; }
@keyframes jfEq { 50% { height: .35em; } }

/* المدار */
.jf .ring { position: absolute; inset: -.2em; border-radius: 50%; border: .1em solid #93C5FD66; transform: rotate(-24deg) scaleY(.38); z-index: 4; }
.jf .ring.r2 { transform: rotate(32deg) scaleY(.32); border-color: #F0ABFC55; }
.jf .rot { position: absolute; inset: -.2em; border-radius: 50%; animation: jfSpin 5s linear infinite; }
.jf .r2 .rot { animation-duration: 8s; animation-direction: reverse; }
.jf .dot { position: absolute; top: -.4em; left: 50%; width: .8em; height: .8em; margin-left: -.4em; border-radius: 50%; background: #E0F2FE; box-shadow: 0 0 .7em #60A5FA, 0 0 1.4em #60A5FA; }
.jf .r2 .dot { background: #F5D0FE; box-shadow: 0 0 .7em #E879F9; }

/* شارة المستوى */
.jf .sweep { position: absolute; inset: .55em; z-index: 2; border-radius: 50%; background: conic-gradient(transparent 0 80%, #ffffffcc 88%, transparent 96%);
  -webkit-mask: radial-gradient(circle, transparent 3.9em, #000 3.95em); mask: radial-gradient(circle, transparent 3.9em, #000 3.95em); animation: jfSpin 3.5s linear infinite; }
.jf .rib { position: absolute; bottom: .1em; left: 50%; transform: translateX(-50%); z-index: 6; padding: .25em .9em; border-radius: .6em;
  background: linear-gradient(90deg, #334155, #64748B); border: .08em solid #E2E8F0; font-size: 1.05em; font-weight: 700; white-space: nowrap; color: #F8FAFC; box-shadow: 0 .3em .8em #0008; }
.jf .chev { top: -.35em; left: 50%; margin-left: -1.1em; z-index: 6; width: 2.2em; height: 1.4em; }

/* قلوب طائرة */
.jf .h { position: absolute; bottom: 1.2em; width: 1.2em; height: 1.2em; z-index: 4; color: #FF2D7A; opacity: 0; animation: jfUp 3.6s ease-in infinite; }
.jf .h svg { position: static; width: 100%; height: 100%; }
@keyframes jfUp { 0% { transform: translateY(0) scale(.6); opacity: 0; } 15% { opacity: 1; } 100% { transform: translateY(-7.5em) scale(1.1) rotate(var(--r, 12deg)); opacity: 0; } }

/* عمق ثلاثي الأبعاد (يتبع الإصبع وميلان الهاتف) */
.jf .ly { position: absolute; border-radius: 50%; transition: transform .15s ease-out; }
.jf .l1 { inset: .2em; z-index: 1; background: radial-gradient(circle at 30% 30%, #A78BFA, #4C1D95 70%); filter: blur(.25em); transform: translate(calc(var(--px) * -.5em), calc(var(--py) * -.5em)); }
.jf .l2 { inset: -.3em; z-index: 4; border: .14em dashed #E9D5FFaa; transform: translate(calc(var(--px) * .7em), calc(var(--py) * .7em)) rotate(calc(var(--px) * 25deg)); }
.jf .l3 { inset: -1em; z-index: 5; transform: translate(calc(var(--px) * 1.3em), calc(var(--py) * 1.3em)); }
.jf .l3 i { position: absolute; width: .55em; height: .55em; margin: -.275em; border-radius: 50%; background: #F5D0FE; box-shadow: 0 0 .6em #E879F9; }

/* لمعة اللمس */
.jf .flash { position: absolute; inset: .5em; border-radius: 50%; z-index: 2; }
.jf.go .flash { animation: jfFlash .6s ease-out; }
.jf .pt { position: absolute; left: 50%; top: 50%; width: .6em; height: .6em; margin: -.3em; z-index: 6; border-radius: 50%; background: #FDE68A; opacity: 0; }
.jf.go .pt { animation: jfPt .75s ease-out forwards; }
@keyframes jfFlash { 0% { box-shadow: 0 0 0 0 #FDE68Acc; } 100% { box-shadow: 0 0 0 1.4em #FDE68A00; } }
@keyframes jfPt { 0% { opacity: 1; transform: rotate(var(--a)) translateY(0) scale(1); } 100% { opacity: 0; transform: rotate(var(--a)) translateY(-6.2em) scale(.3); } }

/* العرش الملكي */

/* المذنّب */
.jf.f-comet > img { box-shadow: 0 0 0 .12em #BAE6FD; }
.jf .orb { position: absolute; inset: -.3em; z-index: 4; animation: jfSpin 3.2s linear infinite; }
.jf .head { position: absolute; top: 0; left: 50%; width: .9em; height: .9em; margin: -.45em 0 0 -.45em; border-radius: 50%; background: #fff; box-shadow: 0 0 .6em #fff, 0 0 1.4em #38BDF8; }
.jf .tail { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(transparent 0 70%, #38BDF8aa 96%, #fff 100%);
  -webkit-mask: radial-gradient(circle, transparent 4.95em, #000 5.05em, #000 5.35em, transparent 5.45em); mask: radial-gradient(circle, transparent 4.95em, #000 5.05em, #000 5.35em, transparent 5.45em); }

/* أشعة الفجر */
.jf .rays { position: absolute; inset: -1.2em; z-index: 1; border-radius: 50%; background: repeating-conic-gradient(#FDBA7466 0 6deg, transparent 6deg 18deg);
  -webkit-mask: radial-gradient(circle, transparent 3.8em, #000 4.2em, transparent 6.2em); mask: radial-gradient(circle, transparent 3.8em, #000 4.2em, transparent 6.2em); animation: jfSpin 24s linear infinite; }

/* هولوغرام */
@keyframes jfSheen { 0% { background-position: 130% 0; } 100% { background-position: -130% 0; } }

/* الأسطوري */
.jf .crack { inset: .5em; width: 9em; height: 9em; left: .5em; top: .5em; z-index: 2; animation: jfGlow 2.6s ease-in-out infinite; }
.jf .gem { position: absolute; width: .9em; height: .9em; margin: -.45em; z-index: 5; background: linear-gradient(135deg, #fde68a, #f59e0b); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); animation: jfBob 2.4s ease-in-out infinite; }

/* المؤسسين */
.jf .serial { position: absolute; bottom: .1em; left: 50%; transform: translateX(-50%); z-index: 6; padding: .22em .75em; border-radius: .7em; white-space: nowrap;
  font-size: 1em; font-weight: 700; background: #0F172A; color: #5EEAD4; border: .08em solid #2DD4BF; box-shadow: 0 .3em .8em #0009; }

/* إطار حساب شخص آخر */
.pp-av.fr-other { display: block; width: 104px; height: 104px; margin: 0 auto 10px; }
.pp-av.fr-other img.profile-avatar { width: 100%; height: 100%; margin: 0; }

@media (prefers-reduced-motion: reduce) { .jf *, .jf::before, .jf::after, .cv-tick-track { animation: none !important; } }

/* ===== الغلاف ===== */
.pp-cover.cv-aurora { background: radial-gradient(90% 120% at 15% 0%, #34D39966, transparent 60%), radial-gradient(90% 120% at 85% 10%, #A78BFA77, transparent 60%), radial-gradient(80% 100% at 50% 100%, #22D3EE44, transparent 70%), linear-gradient(160deg, #0B2A3A, #0B0A1F); }
.pp-cover.cv-sunset { background: radial-gradient(100% 130% at 90% 0%, #FB923C88, transparent 60%), radial-gradient(100% 130% at 10% 20%, #F43F5E77, transparent 60%), linear-gradient(160deg, #4C1D95, #1A0B1F); }
.pp-cover.cv-ocean { background: radial-gradient(100% 130% at 85% 0%, #38BDF888, transparent 60%), radial-gradient(100% 130% at 10% 30%, #06B6D466, transparent 60%), linear-gradient(160deg, #1E3A8A, #071A33); }
.pp-cover.cv-night { background: radial-gradient(1.6px 1.6px at 18% 28%, #fffc, transparent 70%), radial-gradient(1.2px 1.2px at 42% 62%, #fff9, transparent 70%), radial-gradient(1.8px 1.8px at 70% 22%, #fffd, transparent 70%), radial-gradient(1.2px 1.2px at 86% 58%, #fff8, transparent 70%), radial-gradient(1.4px 1.4px at 58% 40%, #fffa, transparent 70%), radial-gradient(90% 120% at 80% 0%, #6366F155, transparent 60%), linear-gradient(170deg, #0B1026, #05060F); }
.pp-cover.cv-rose { background: radial-gradient(100% 130% at 85% 0%, #F9A8D488, transparent 60%), radial-gradient(100% 130% at 10% 30%, #FB718566, transparent 60%), linear-gradient(160deg, #5B1238, #1A0814); }
.pp-cover.cv-mono { background: radial-gradient(100% 130% at 80% 0%, #ffffff22, transparent 60%), linear-gradient(160deg, #2B2B33, #0E0E12); }

/* شريط النص المتحرك على الغلاف — v30: أُزيل نهائيًا */
.cv-tick { display: none !important; }
.cv-tick { position: absolute; left: 0; right: 0; top: 54px; height: 34px; z-index: 2; overflow: hidden; direction: ltr; display: flex; align-items: center; pointer-events: none;
  background: linear-gradient(90deg, transparent, #00000059 12%, #00000059 88%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.cv-tick-track { display: flex; white-space: nowrap; animation: cvTick var(--d, 16s) linear infinite; will-change: transform; }
.cv-tick-track span { direction: rtl; padding: 0 34px; font-size: 15px; font-weight: 700; color: #FF4D8D; background: linear-gradient(90deg, #FF2D7A, #FF7AB0 50%, #FF2D7A); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 1px 4px #0009); }
@keyframes cvTick { from { transform: translateX(-50%); } to { transform: translateX(0); } }

/* غلاف حساب شخص آخر */
.pp-cover.fr-ocover { height: 110px; margin: -6px -16px 14px; border-radius: 0 0 22px 22px; position: relative; overflow: hidden; }
.pp-cover.fr-ocover .cv-tick { top: 38px; }

/* زر «الإطار» على الغلاف */
.fr-open { position: absolute; top: 12px; left: 12px; z-index: 3; height: 34px; padding: 0 12px; border-radius: 17px; display: inline-flex; align-items: center; gap: 6px;
  background: #0000006b; color: #fff; font-size: 13px; font-weight: 600; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid #ffffff26; }

/* ===== نافذة الإطارات ===== */
.fr-sheet { position: fixed; inset: 0; z-index: 150; background: #0009; display: flex; align-items: flex-end; opacity: 0; transition: opacity .2s; }
.fr-sheet.show { opacity: 1; }
.fr-card { width: 100%; max-height: 88vh; overflow-y: auto; background: #141230; border-radius: 22px 22px 0 0; border-top: 1px solid #ffffff1a;
  padding: 16px 16px calc(18px + env(safe-area-inset-bottom)); transform: translateY(16px); transition: transform .2s; direction: rtl; }
.fr-sheet.show .fr-card { transform: none; }
.fr-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.fr-head b { font-size: 17px; }
.fr-x { width: 34px; height: 34px; border-radius: 50%; background: #ffffff12; color: #fff; }
.fr-tabs { display: flex; gap: 6px; margin-bottom: 14px; overflow-x: auto; scrollbar-width: none; }
.fr-tabs::-webkit-scrollbar { display: none; }
.fr-tabs button { flex: 1 0 auto; height: 38px; padding: 0 14px; border-radius: 19px; background: #ffffff0d; color: #ffffffb3; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.fr-tabs button.on { background: linear-gradient(90deg, #FF2D7A, #3B82F6); color: #fff; }
.fr-pane.hidden { display: none; }
.fr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.fr-grid.fr-cv { grid-template-columns: repeat(2, 1fr); }
.fr-opt { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px 10px; border-radius: 16px; background: #ffffff08; border: 2px solid transparent; min-width: 0; }
.fr-opt.on { border-color: #FF2D7A; background: #FF2D7A14; }
.fr-opt small { font-size: 12px; color: #ffffffcc; }
.fr-mini { position: relative; width: 72px; height: 72px; }
.fr-mini .jf { --jf-img: 56px; }
.fr-mini .plain { display: block; width: 56px; height: 56px; border-radius: 50%; padding: 3px; margin: 8px; background: conic-gradient(from 200deg, #FF2D7A, #8B5CF6, #22D3EE, #FF2D7A); }
.fr-mini .plain img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid #0B0A1F; display: block; }
.pp-cover.fr-cprev { display: block; width: 100%; height: 64px !important; border-radius: 12px; }
.fr-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.fr-field label { font-size: 13px; font-weight: 600; }
.fr-field .row { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; border-radius: 14px; background: #ffffff0d; border: 1px solid #ffffff1a; }
.fr-field input { flex: 1; min-width: 0; background: none; border: 0; outline: none; color: #fff; font: inherit; font-size: 14px; }
.fr-field small { color: #ffffff8c; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.fr-help { font-size: 12.5px; color: #ffffffa6; line-height: 1.7; margin: 0 0 12px; }
.fr-btn { width: 100%; height: 46px; border-radius: 23px; background: #ffffff12; color: #fff; font-size: 14.5px; font-weight: 600; margin-top: 8px; }
.fr-btn.pri, .fr-save { background: linear-gradient(90deg, #FF2D7A, #3B82F6); }
.fr-btn.danger { background: #EF44441f; color: #FCA5A5; }
.fr-save { width: 100%; height: 48px; margin-top: 16px; border-radius: 24px; color: #fff; font-size: 16px; font-weight: 700; }
.fr-live { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.fr-live .fr-mini { width: 120px; height: 120px; }
.fr-live .fr-mini .jf { --jf-img: 96px; }
.fr-prog { font-size: 13px; color: #ffffffcc; min-height: 20px; text-align: center; }
/* v92: زر إنهاء الصداقة المفضلة على الحساب */
.cp-end{display:block;margin:12px auto 0;height:34px;padding:0 16px;border-radius:17px;border:1px solid #ffffff26;background:#ffffff0d;color:#ffffffc0;font:700 12.5px Cairo,system-ui,sans-serif}
/* v93: دعوة الصديق المفضل على الحساب — موافقة/رفض مباشرة */
.cp-inv{margin:12px 0;padding:14px;border-radius:18px;background:#ff2d7a14;border:1px solid #ff2d7a40;text-align:center}
.cp-inv p{margin:10px 0 0;font-size:13.5px;line-height:1.7}
.cp-inv-btns{display:flex;gap:10px;margin-top:12px}
.cp-inv-btns button{flex:1;height:42px;border-radius:21px;border:1px solid #ffffff26;background:#ffffff0d;color:#fff;font:800 14px Cairo,system-ui,sans-serif}
.cp-inv-btns button.ok{border:0;background:linear-gradient(135deg,#FF2D7A,#8B5CF6)}
.cp-pick{display:block;width:100%;margin-top:12px}

/* css/couples.css */
/* v28.47 — قسم العشاق (js/couples.js) */
.duo { --s: 72px; position: relative; display: flex; width: max-content; max-width: 100%; margin: 0 auto; align-items: center; justify-content: center; font-size: calc(var(--s) / 10); padding: 1em 0 1.6em; direction: ltr; }
.duo.big { --s: 92px; }
.duo .p { position: relative; width: 10em; height: 10em; display: grid; place-items: center; z-index: 2; }
.duo .p img { width: 8.6em; height: 8.6em; border-radius: 50%; object-fit: cover; border: .25em solid #0B0A1F; position: relative; z-index: 2; background: #241f4d; }
.duo .mid { position: relative; z-index: 3; width: 4em; display: grid; place-items: center; margin: 0 -1em; }
.duo .mid svg { width: 3.6em; height: 3.6em; color: #FF2D7A; filter: drop-shadow(0 0 .5em #FF2D7Aaa); animation: cpBeat 1.3s ease-in-out infinite; }
@keyframes cpBeat { 15% { transform: scale(1.18); } 30% { transform: scale(1); } 45% { transform: scale(1.12); } 60% { transform: scale(1); } }
.duo .since { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 4; padding: .25em .9em; border-radius: 1em; background: #FF2D7A26; border: .08em solid #FF2D7A66;
  color: #FFC2D6; font-size: 1.25em; font-weight: 600; white-space: nowrap; direction: rtl; }
.d-twin .p img { box-shadow: 0 0 0 .16em #FF2D7A, 0 0 1.2em #FF2D7A66; }
.d-twin .link { position: absolute; top: calc(50% - .4em); left: 22%; right: 22%; height: .25em; z-index: 1; background: linear-gradient(90deg, #FF2D7A, #F472B6, #FF2D7A); box-shadow: 0 0 .8em #FF2D7A; border-radius: 1em; }
.d-halves { --heart: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-8-4.7-10-9.8C.7 7.4 3 4 6.6 4c2.1 0 3.6 1.2 5.4 3.2C13.8 5.2 15.3 4 17.4 4 21 4 23.3 7.4 22 11.2 20 16.3 12 21 12 21z'/></svg>"); }
.d-halves .p::after { content: ""; position: absolute; top: 50%; width: 3.4em; height: 3.4em; margin-top: -1.7em; z-index: 3; background: #FF2D7A; filter: drop-shadow(0 0 .4em #FF2D7A);
  -webkit-mask: var(--heart) center / contain no-repeat; mask: var(--heart) center / contain no-repeat; }
.d-halves .pa::after { left: 7.6em; clip-path: inset(0 50% 0 0); }
.d-halves .pb::after { right: 7.6em; clip-path: inset(0 0 0 50%); }
.d-halves .p img { box-shadow: 0 0 0 .14em #F9A8D4; }
.d-halves .mid { width: 2em; }
.d-thread .p img { box-shadow: 0 0 0 .14em #EF4444; }
.d-thread svg.th { position: absolute; left: 4em; right: 4em; top: 1em; width: calc(100% - 8em); height: 60%; z-index: 1; overflow: visible; }
.d-thread svg.th path { fill: none; stroke: #EF4444; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 8 7; animation: cpDash 1.4s linear infinite; }
@keyframes cpDash { to { stroke-dashoffset: -30; } }
.d-thread .knot { position: absolute; top: 1.4em; left: 50%; width: 1.2em; height: 1.2em; margin-left: -.6em; z-index: 3; border-radius: 50%; background: #EF4444; box-shadow: 0 0 .8em #EF4444; }
.d-ring .p img { box-shadow: 0 0 0 .16em #F4B4A0, 0 0 0 .5em #F4B4A022; }
.d-ring .mid svg { color: #F4B4A0; filter: drop-shadow(0 0 .5em #F4B4A0aa); animation: cpBob 2.6s ease-in-out infinite; }
@keyframes cpBob { 50% { transform: translateY(-.35em); } }
@media (prefers-reduced-motion: reduce) { .duo *, .duo *::after { animation: none !important; } }

.cp-card { margin: 14px 16px 4px; padding: 12px 12px 8px; border-radius: 18px; background: linear-gradient(160deg, #FF2D7A14, #8B5CF614); border: 1px solid #FF2D7A33; direction: rtl; }
.cp-top b { font-size: 13.5px; }
.cp-ask, .cp-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 10px auto 0; height: 42px; padding: 0 18px; border-radius: 21px;
  background: #FF2D7A1f; border: 1px solid #FF2D7A55; color: #FFC2D6; font-size: 14px; font-weight: 600; }
.cp-note { margin: 12px 16px 0; width: calc(100% - 32px); height: auto; min-height: 44px; padding: 8px 14px; text-align: right; }
.cp-ask svg, .cp-note svg { width: 18px; height: 18px; color: #FF2D7A; flex: none; }
.cp-pane, .cp-req { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.cp-styles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.cp-styles .duo { --s: 40px; padding: .6em 0 .6em; }
.cp-row { display: flex; gap: 8px; }
.cp-row .fr-btn { margin-top: 0; }

/* css/v28-45.css */
/* v28.45 — تحسينات الواجهة (الخط، زر التشغيل، مؤشر السحب، قائمة الخيارات، رسم المشاهدات، الشارات).
   هذا الملف الأخير في الترتيب، لذلك يتغلّب على ما قبله. لحذف التعديلات: احذف هذا الملف وسطره من index.html */

/* الخط: IBM Plex Sans Arabic في كل التطبيق (الشعار يبقى بخطه الأصلي) */
html body, html body *:not(.brand-name):not(.brand-mark) {
  font-family: 'IBM Plex Sans Arabic', Cairo, system-ui, sans-serif !important;
}

/* زر التشغيل في وسط الفيديو: أصغر وشفاف مثل التطبيقات الكبيرة */
.video-card .play-hint {
  width: 58px !important; height: 58px !important; border-radius: 50% !important;
  background: rgba(0, 0, 0, .28) !important; border: 0 !important; backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.video-card .play-hint svg { width: 24px !important; height: 24px !important; filter: drop-shadow(0 1px 4px #0009); }

/* مؤشر «اسحب للتحديث»: ينزل تحت شريط التبويبات ولا يغطيها */
.pull-ind.spin { transform: translate(-50%, 112px) !important; }

/* قائمة «خيارات» الفيديو: خط أصغر وأوضح */
.sheet-row b { font-size: 14px !important; font-weight: 600 !important; }
.sheet-row small { font-size: 11.5px !important; line-height: 1.5 !important; }

/* مشاهدات آخر الفيديوهات: رسم أهدأ وأنحف */
.st-chart { height: 96px !important; gap: 12px !important; justify-content: center; padding-top: 6px !important; }
.st-bar { flex: 0 0 30px !important; }
.st-bar i { border-radius: 10px 10px 4px 4px !important; opacity: .92; }
.st-bar small { font-size: 10px !important; }

/* الشارات والأيقونات الصغيرة: SVG بخط موحّد */
.st-badges span svg, .st-ic svg, .st-draft button svg {
  width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.st-badges span { color: #FACC15; }
.st-ic { display: inline-flex; color: #FF6B8B; }

/* الرسائل الصغيرة (toast) تظهر فوق القائمة والنوافذ — كانت تختفي خلف قائمة الإعدادات */
.toast { z-index: 400 !important; }

/* زر «رجوع» نصي بدل السهم في كل التطبيق */
.back-btn, .fl-back, .po-back, .dm-back {
  width: auto !important; min-width: 0 !important; height: 34px !important; padding: 0 14px !important; border-radius: 17px !important;
  display: inline-flex !important; align-items: center; justify-content: center; white-space: nowrap;
  font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; transform: none !important; color: #fff;
}
.back-btn:not(.static) { background: #0000008c; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid #ffffff1f; }
.back-btn.static, .dm-back { padding: 0 8px !important; background: none; color: #FF6B8B; }
.fl-back, .po-back { background: #ffffff12 !important; }
.admin-v25 .adm-head .back-btn.adm-back { padding: 0 6px !important; }

/* v28.47: الرسالة الصغيرة (toast) داكنة وفي أسفل الشاشة، ولا تغطي القائمة أو المحتوى */
.toast { top: auto !important; bottom: calc(96px + env(safe-area-inset-bottom)) !important; background: #1C1A3Af2 !important; color: #fff !important;
  border: 1px solid #ffffff26; border-radius: 16px !important; padding: 11px 18px !important; font-size: 13px !important; line-height: 1.6;
  white-space: normal !important; max-width: calc(100% - 32px); width: max-content; text-align: center; box-shadow: 0 10px 30px #000a !important;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateX(-50%) translateY(12px) !important; }
.toast.show { transform: translateX(-50%) translateY(0) !important; }

/* css/invite-v30.css */
/* v30 — صفحة «ادعُ أصدقاءك»: باركود بجانب الرابط، أيقونات المشاركة، حالة كل صديق */
.inv-btns.inv-btns3{grid-template-columns:2fr 1fr 1fr}
.inv-qr{display:flex;align-items:center;justify-content:center;gap:6px}
.inv-qr svg{flex:none}
.inv-stats div{position:relative}
.inv-pend{display:block;font-style:normal;font-size:10px;color:var(--amber,#ffb300);margin-top:3px}
.inv-pend.hidden{display:none}
.inv-share a{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600}
.inv-share a svg{flex:none}
.inv-share .inv-wa svg{color:#25D366}
.inv-share .inv-tg svg{color:#29A9EB}
.inv-share .inv-fb svg{color:#4F8BFF}
.inv-friend{align-items:center;gap:10px}
.inv-fi{flex:1;min-width:0}
.inv-fi small{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.inv-fi small svg{width:12px;height:12px;vertical-align:middle}
.inv-ini{display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--cyan))}
.inv-bar{display:block;height:4px;border-radius:4px;background:#ffffff14;margin-top:7px;overflow:hidden}
.inv-bar s{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--cyan));text-decoration:none}
.inv-st{flex:none;font-style:normal;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.inv-st.wait{color:var(--amber,#ffb300);background:#ffb3001f}
.inv-st.ok{color:#34D399;background:#34d3991f}
@media (max-width:360px){.inv-btns.inv-btns3{grid-template-columns:1fr 1fr}.inv-btns.inv-btns3 #shareInv{grid-column:1/-1}}

/* css/admin-videos.css */
/* v31 — تبويب «الفيديوهات» في لوحة الأدمن */
.av-bar{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}
.av-flt{display:flex;gap:8px}
.av-flt button{flex:1;padding:9px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1a;color:#fff;font-weight:700}
.av-flt button.on{background:linear-gradient(135deg,var(--pink),#a855f7);border-color:transparent}
.av-grid{display:flex;flex-direction:column;gap:10px}
.av-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#ffffff0a;border:1px solid #ffffff12}
.av-card.sus{border-color:#ffb30066;background:#ffb30010}
.av-th{position:relative;flex:none;width:64px;height:96px;border-radius:12px;overflow:hidden;background:#000;padding:0;border:0}
.av-th img,.av-th video{width:100%;height:100%;object-fit:cover;display:block}
.av-th i{position:absolute;inset:auto 0 6px;text-align:center;font-style:normal;font-size:14px;color:#fff;text-shadow:0 1px 4px #000}
.av-meta{flex:1;min-width:0}
.av-meta b{display:block;font-size:13px;text-align:start}
.av-meta small{color:var(--muted);font-size:11px}
.av-meta p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#e3defa;overflow-wrap:anywhere}
.av-tag{display:inline-block;margin-top:5px;font-style:normal;font-size:10px;font-weight:700;color:#ffb300;background:#ffb3001f;padding:3px 8px;border-radius:999px}
.av-del{flex:none;padding:9px 14px;border-radius:12px;background:#ef44441f;color:#ff6b6b;border:1px solid #ef444455;font-weight:700}
.av-del:disabled{opacity:.6}
.av-more{width:100%;margin-top:12px}
.av-pv{position:fixed;inset:0;z-index:100;background:#000e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}
.av-pv video{max-width:100%;max-height:78vh;border-radius:14px;background:#000}
.av-pv button{padding:10px 26px;border-radius:999px;background:#fff;color:#111;font-weight:800;border:0}
.av-why{margin:6px 8px 0;font-size:11.5px;font-weight:700;color:#FBBF24;line-height:1.5} /* v105: سبب «مشتبه به» */

/* css/prizes-v32.css */
/* v32 — أول سحب + جوائز الأسبوع + رصيد الجوائز (js/prizes-v32.js) */
.pz{display:flex;flex-direction:column;gap:10px;margin:12px 0;font-family:Cairo,system-ui,sans-serif;color:#fff}
.pz[hidden]{display:none}
.pz-ic{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:14px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff}
.pz-ic.gold{background:linear-gradient(135deg,#F59E0B,#FB7185)}
.pz-first,.pz-week,.pz-bal{padding:14px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.pz-first.ready{border-color:rgba(34,211,238,.55);background:linear-gradient(160deg,rgba(34,211,238,.12),rgba(139,92,246,.1))}
.pz-first.done,.pz-first.full{display:flex;align-items:center;gap:10px;padding:10px 14px}
.pz-first.done .pz-ic{background:linear-gradient(135deg,#10B981,#22D3EE)}
.pz-first.full{opacity:.8}
.pz-first b,.pz-week b{display:block;font-size:15px;font-weight:800}
.pz-first small,.pz-week small{display:block;font-size:12.5px;color:rgba(255,255,255,.66);line-height:1.6}
.pz-ft,.pz-wt{display:flex;align-items:center;gap:10px}
.pz-ft>div,.pz-wt>div{flex:1;min-width:0}
.pz-ft em{font:800 12.5px Poppins,system-ui,sans-serif;font-style:normal;color:#22D3EE;white-space:nowrap}
.pz-bar{height:8px;margin:12px 0 6px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}
.pz-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#FF2D7A,#8B5CF6,#22D3EE);transition:width .5s}
.pz-note{display:block;margin-top:6px;font-size:11.5px!important;color:rgba(255,255,255,.5)!important}
.pz-go{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:46px;margin-top:10px;border:0;border-radius:15px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff;font:800 14px Cairo,system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(255,45,122,.3)}
.pz-go:active{transform:scale(.98)}
.pz-go:disabled{opacity:.45;box-shadow:none}
.pz-go.sm{width:auto;height:38px;margin:0;padding:0 16px;font-size:13px}
.pz-top{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-direction:column;gap:6px}
.pz-top li,.pz-board li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.04)}
.pz-top li.me,.pz-board li.me{background:rgba(255,45,122,.14);box-shadow:inset 0 0 0 1px rgba(255,45,122,.4)}
.pz-top i,.pz-board i{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:8px;background:rgba(255,255,255,.08);font:800 12px Poppins,system-ui,sans-serif;font-style:normal}
.pz-top li:nth-child(1) i,.pz-board li:nth-child(1) i{background:linear-gradient(135deg,#FBBF24,#F59E0B);color:#1a1200}
.pz-top li:nth-child(2) i,.pz-board li:nth-child(2) i{background:linear-gradient(135deg,#E5E7EB,#9CA3AF);color:#111}
.pz-top li:nth-child(3) i,.pz-board li:nth-child(3) i{background:linear-gradient(135deg,#F59E0B,#B45309);color:#fff}
.pz-top span,.pz-board span{flex:1;min-width:0;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-board span small{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.55)}
.pz-top em,.pz-board em{font:800 13px Poppins,system-ui,sans-serif;font-style:normal;color:#4ADE80}
.pz-wf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.pz-wf small{font-size:12px!important}
.pz-link{flex-shrink:0;padding:6px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font:700 12.5px Cairo,system-ui,sans-serif}
.pz-empty{margin:10px 0 4px;text-align:center;font-size:13px;color:rgba(255,255,255,.55)}
.pz-bal{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,rgba(74,222,128,.12),rgba(34,211,238,.08));border-color:rgba(74,222,128,.35)}
.pz-bal small{display:block;font-size:12px;color:rgba(255,255,255,.66)}
.pz-bal b{display:block;font:800 22px Poppins,system-ui,sans-serif}
.pz-bal em{display:block;font-size:11.5px;font-style:normal;color:#FBBF24}
.pz-hist{align-self:center;padding:4px 10px;border:0;background:none;color:rgba(255,255,255,.6);font:700 12.5px Cairo,system-ui,sans-serif;text-decoration:underline}

/* شريط «أول سحب» تحت عدّاد النقاط */
.pz-chip{position:fixed;z-index:6;top:calc(env(safe-area-inset-top) + 98px);right:12px;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(10,9,22,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font:700 11.5px Cairo,system-ui,sans-serif}
.pz-chip i{width:16px;height:16px;border-radius:50%;background:conic-gradient(#FF2D7A var(--p),rgba(255,255,255,.18) 0)}
.pz-chip small{font:700 10.5px Poppins,system-ui,sans-serif;color:rgba(255,255,255,.7)}
.pz-chip svg{width:15px;height:15px;color:#22D3EE}
.pz-chip.ready{border-color:rgba(34,211,238,.6);animation:pzGlow 1.6s ease-in-out infinite}
@keyframes pzGlow{50%{box-shadow:0 0 14px rgba(34,211,238,.55)}}
body:not(.on-home) .pz-chip,body.cam-open .pz-chip{display:none}

/* النوافذ */
.pz-sheet-wrap{position:fixed;inset:0;z-index:8000;display:flex;align-items:flex-end;background:rgba(0,0,0,.55);animation:agIn .18s ease-out}
.pz-sheet{position:relative;width:100%;max-height:88dvh;overflow-y:auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#120E26;border-top:1px solid rgba(255,255,255,.1);color:#fff;font-family:Cairo,system-ui,sans-serif;animation:pzUp .22s ease-out}
@keyframes pzUp{from{transform:translateY(40px)}}
.pz-grab{width:42px;height:4px;margin:0 auto 10px;border-radius:2px;background:rgba(255,255,255,.2)}
.pz-x{position:absolute;top:10px;left:12px;width:34px;height:34px;border-radius:17px;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1}
.pz-sheet h3{display:flex;align-items:center;gap:8px;margin:4px 0 4px;font-size:18px;font-weight:800}
.pz-sheet h4{margin:16px 0 8px;font-size:14px;color:rgba(255,255,255,.75)}
.pz-sub{margin:0 0 12px;font-size:12.5px;color:rgba(255,255,255,.6)}
.pz-mine{margin-bottom:10px;padding:10px;border-radius:14px;background:rgba(255,45,122,.12);font-weight:800;text-align:center}
.pz-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pz-board button{width:30px;height:30px;border-radius:10px;border:0;background:rgba(239,68,68,.15);color:#F87171;display:grid;place-items:center}
.pz-rules{margin-top:14px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);font-size:12.5px;color:rgba(255,255,255,.72)}
.pz-rules summary{font-weight:800;color:#fff}
.pz-rules ul{margin:8px 0;padding-inline-start:18px;line-height:1.8}
.pz-rules a{color:#9DD9FF}
.pz-prizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pz-prizes span{display:flex;gap:5px;padding:4px 8px;border-radius:10px;background:rgba(255,255,255,.06)}
.pz-prizes i{font-style:normal;color:rgba(255,255,255,.55)}
.pz-lbl{display:block;margin:10px 0 0;font-size:12.5px;color:rgba(255,255,255,.7)}
.pz-lbl input,.pz-lbl select{display:block;width:100%;height:46px;margin-top:5px;padding:0 12px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font:600 15px Cairo,system-ui,sans-serif;box-sizing:border-box}
.pz-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.pz-methods button{display:flex;align-items:center;gap:7px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font:700 12.5px Cairo,system-ui,sans-serif;text-align:start}
.pz-methods button svg{width:20px;height:20px;flex-shrink:0;color:var(--mc)}
.pz-methods button span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-methods button small{font-size:10px;color:rgba(255,255,255,.5)}
.pz-methods button.on{border-color:var(--mc);background:color-mix(in srgb,var(--mc) 16%,transparent);box-shadow:inset 0 0 0 1px var(--mc)}
.pz-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13.5px}
.pz-row small{display:block;font-size:11.5px;color:rgba(255,255,255,.5)}
.pz-row .pos{color:#4ADE80}
.pz-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.pz-side em{font-size:11px;font-style:normal;padding:1px 8px;border-radius:8px;background:rgba(255,255,255,.08)}
.pz-side em.s-paid{background:rgba(74,222,128,.16);color:#4ADE80}
.pz-side em.s-no{background:rgba(239,68,68,.16);color:#F87171}
.pz-side em.s-wait{background:rgba(251,191,36,.16);color:#FBBF24}
.pz-side button{padding:2px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:none;color:#fff;font:700 11px Cairo,system-ui,sans-serif}

/* لوحة الأدمن */
.pz-admin{font-family:Cairo,system-ui,sans-serif}
.pz-admin h4{margin:16px 0 8px;font-size:14.5px}
.pz-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}
.pz-stats div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05)}
.pz-stats small{display:block;font-size:11.5px;opacity:.65}
.pz-stats b{font:800 17px Poppins,system-ui,sans-serif}
.pz-warn{padding:10px;border-radius:12px;background:rgba(251,191,36,.12);color:#FBBF24;font-size:12.5px}
.pz-claim{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;margin-bottom:6px;border-radius:14px;background:rgba(255,255,255,.04)}
.pz-claim b{display:block;font-size:13.5px}
.pz-claim small{display:block;font-size:11.5px;opacity:.65}
.pz-claim code{display:block;font-size:12.5px;color:#9DD9FF;word-break:break-all}
.pz-acts{display:flex;gap:5px}
.pz-acts button{width:34px;height:34px;border-radius:11px;border:0;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center}
.pz-acts [data-paid]{background:rgba(74,222,128,.18);color:#4ADE80}
.pz-acts [data-rej]{background:rgba(239,68,68,.15);color:#F87171}
.pz-unex{padding:3px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:none;color:#fff;font:700 11.5px Cairo,system-ui,sans-serif}
.pz-set{margin-top:14px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04)}
.pz-set summary{font-weight:800}
.pz-chk{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13.5px}

/* css/age-gate-v32.css */
/* v32 — نافذة تأكيد العمر 18+ (js/age-gate-v32.js) */
.ag-wrap{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px;background:rgba(5,4,14,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:agIn .2s ease-out}
@keyframes agIn{from{opacity:0}}
.ag-card{position:relative;width:min(360px,100%);padding:26px 20px 18px;border-radius:26px;background:linear-gradient(180deg,#1A1433,#100C22);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.6);text-align:center;color:#fff;font-family:Cairo,system-ui,sans-serif}
.ag-ic{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);box-shadow:0 8px 24px rgba(139,92,246,.45)}
.ag-badge{position:absolute;top:18px;left:18px;padding:3px 9px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font:800 13px Poppins,system-ui,sans-serif}
.ag-card h3{margin:14px 0 6px;font-size:20px;font-weight:800}
.ag-card p{margin:0 0 18px;font-size:14px;line-height:1.75;color:rgba(255,255,255,.78)}
.ag-card button{display:block;width:100%;height:50px;border:0;border-radius:16px;font:800 15px Cairo,system-ui,sans-serif;cursor:pointer}
.ag-yes{background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff;box-shadow:0 8px 22px rgba(255,45,122,.35)}
.ag-yes:active{transform:scale(.98)}
.ag-no{margin-top:8px;background:transparent;color:rgba(255,255,255,.65)!important;height:42px!important;font-weight:700!important}
.ag-card small{display:block;margin-top:6px;font-size:11.5px;color:rgba(255,255,255,.5)}
.ag-card a{color:#9DD9FF}

/* css/version-v32.css */
/* v32 — رقم الإصدار أسفل صفحة «حسابي» (js/version-v32.js) */
.app-ver{margin:18px 0 calc(90px + env(safe-area-inset-bottom));text-align:center;font:700 12px Cairo,system-ui,sans-serif;color:rgba(255,255,255,.45);letter-spacing:.2px}
.app-ver bdi{font-family:Poppins,system-ui,sans-serif;color:rgba(255,255,255,.7)}

/* css/fixes-v33.css */
/* v33 — إصلاحات عامة لكل التطبيق. لحذفها: احذف هذا الملف وسطره في index.html */

/* 1) الشريط العلوي في الصفحات الداخلية: خلفية كاملة وفوق المحتوى — لا يظهر «رجوع» أو العنوان نصفه فوق الشعار */
body:not(.on-home) .topbar { background: #070912 !important; z-index: 18 !important; box-shadow: 0 1px 0 #ffffff10, 0 6px 16px #0007; }
body:not(.on-home) .topbar::after { content: none !important; }

/* 2) الخطوط الداكنة/الفاتحة التي تقطع البطاقات على أجهزة أندرويد:
   سببها تأثير الضبابية (backdrop-filter) فوق محتوى يتحرّك + الالتقاط (scroll-snap) في الصفحات الداخلية */
body:not(.on-home) #feed { scroll-snap-type: none !important; }
body:not(.on-home) #feed .back-btn,
body:not(.on-home) #feed [class*="card"],
body:not(.on-home) #feed .lvl-card { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.sheet-backdrop { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #000000c4 !important; }

/* 3) لا إطار أبيض حول الزر بعد اللمس — الإطار فقط عند استعمال لوحة مفاتيح */
@media (hover: none) and (pointer: coarse) {
  *:focus, *:focus-visible { outline: none !important; }
  .bottom-nav button:focus-visible { outline: none !important; }
}
:focus:not(:focus-visible) { outline: none !important; }
* { -webkit-tap-highlight-color: transparent; }

/* 4) أرقام وعلامات + داخل الجمل العربية لا تنقلب */
.num-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* 5) صفحة الرسائل فيها خانة بحث خاصة — نخفي زر البحث العام المكرر في الأعلى */
body[data-page="messages"] #searchBtn { visibility: hidden; pointer-events: none; }

/* 6) الصور المصغّرة السوداء (حسابي، الإشعارات): لوحة الرسم الخاصة بالفيديو كانت تغطي التصميم البديل */
.thumb video:not(.th-ok) ~ .vcanvas, .nt-thumb video:not(.th-ok) ~ .vcanvas { opacity: 0 !important; }
.nt-thumb { background: linear-gradient(160deg, #2A1650, #13112C 55%, #0B2A3A); }
.thumb .th-ph { z-index: 0; }

/* css/points-v33.css */
/* v33 — عدّاد النقاط في الرئيسية: أكبر وأوضح ومحفّز، وحلقة تقدّم «أول سحب» حول العملة (بدل الشريط المنفصل) */
.points-pill { gap: 6px !important; align-items: center; padding: 4px 11px 4px 5px !important; border-radius: 20px !important;
  background: linear-gradient(135deg, #1d1236e8, #0b1a2be8) !important; border: 1px solid #FFD34D4d !important; box-shadow: 0 6px 20px #0008, inset 0 1px 0 #ffffff14; }
.points-pill .coin { position: relative; flex: none; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%;
  color: #FFD34D; background: radial-gradient(circle at 35% 30%, #4a3600, #1c1400 70%); box-shadow: 0 0 10px #FFD34D44; }
.points-pill .coin svg { position: relative; z-index: 1; animation: coinSpin33 6s ease-in-out infinite; }
@keyframes coinSpin33 { 0%, 80%, 100% { transform: rotateY(0) } 90% { transform: rotateY(180deg) } }
.points-pill #points { font: 800 17px/1 Poppins, Cairo, sans-serif !important; color: #FFE27A; letter-spacing: .2px; text-shadow: 0 0 12px #FFD34D55; }
.points-pill > small { font-size: 10px !important; color: #ffffffa6 !important; align-self: center; }
/* حلقة أول سحب */
.points-pill.pz { display: grid !important; grid-template-columns: auto auto auto auto; grid-template-rows: 19px 13px; column-gap: 5px; row-gap: 2px; padding-block: 0 !important; overflow: visible; }
.points-pill.pz .pill-streak { grid-row: 1 / 3; grid-column: 1; }
.points-pill.pz .coin { grid-row: 1 / 3; grid-column: 2; }
.points-pill.pz #points { grid-row: 1; grid-column: 3; align-self: end; }
.points-pill.pz > small { grid-row: 1; grid-column: 4; align-self: end; padding-bottom: 1px; }
.points-pill.pz .pz-sub { grid-row: 2; grid-column: 3 / 5; font: 700 9.5px/1.2 Cairo, sans-serif; font-style: normal; color: #5EE6F5; white-space: nowrap; text-align: start; display: inline-flex; align-items: center; gap: 3px; }
.points-pill.pz .coin { background: conic-gradient(#FFD34D var(--p, 0%), #ffffff24 0); }
.points-pill.pz .coin::before { content: ''; position: absolute; inset: 3px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #4a3600, #1c1400 70%); }
.points-pill.pz-ready { border-color: #34D399aa !important; animation: pillReady33 1.8s ease-in-out infinite; }
.points-pill.pz-ready .pz-sub { color: #34D399; }
@keyframes pillReady33 { 50% { box-shadow: 0 0 0 4px #34D39933, 0 6px 20px #0008; } }
.pz-chip { display: none !important; }
@media (prefers-reduced-motion: reduce) { .points-pill .coin svg, .points-pill.pz-ready { animation: none; } }
/* ارتفاع ثابت ومكان زر العجلة تحت العدّاد مباشرة (كانا يتداخلان) */
.points-pill { height: 44px !important; min-height: 0 !important; margin: 0 !important; transform: none; box-sizing: border-box; }
.points-pill:not(.pz) { height: 40px !important; }
.points-pill .coin, .points-pill.ringed .coin { width: 28px !important; height: 28px !important; font-size: 14px !important; display: grid !important; }
.points-pill.pz.pz .coin::before { -webkit-mask: none; mask: none; inset: 3px; background: radial-gradient(circle at 35% 30%, #4a3600, #1c1400 70%); transition: none; }
.wheel-fab { top: calc(58px + env(safe-area-inset-top) + 54px) !important; }
.points-pill.pz { align-content: center; }
.points-pill.pz .coin, .points-pill.pz .pill-streak { align-self: center; margin: 0 !important; }

/* العدّاد يظهر في الرئيسية فقط */
.points-pill[style*="none"], body:not(.on-home) .points-pill { display: none !important; }

/* css/rewards-v33.css */
/* v33 — مركز المكافآت، المهام، الألعاب، المتصدرون، «كيف تُحسب الأرباح» */
.hub-head { align-items: center !important; gap: 12px; }
.hub-pts { min-width: 78px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

/* بطاقتا «أول سحب» و«جوائز الأسبوع» */
.pzm { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0; }
.pzm.one { grid-template-columns: 1fr; }
.pzm:empty { display: none; }
.pzm-card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; padding: 12px; border-radius: 18px; text-align: start; color: #fff;
  background: linear-gradient(135deg, #2a1240, #13203a); border: 1px solid #ffffff1a; }
.pzm-card.first { border-color: #FF2D7A55; }
.pzm-card.first.ready { border-color: #34D399aa; box-shadow: 0 0 0 3px #34D39922; }
.pzm-card.pzm-wk { border-color: #FBBF2455; }
.pzm-card .pzm-ring { position: relative; flex: none !important; width: 40px !important; height: 40px !important; min-width: 0; padding: 0; font-size: 0; border-radius: 50%; display: grid; place-items: center; color: #FF6B9E;
  background: conic-gradient(#FF2D7A var(--p, 0%), #ffffff1f 0); }
.pzm-ring::before { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: #1a1430; }
.pzm-ring svg { position: relative; width: 19px; height: 19px; }
.pzm-ring.gold { background: linear-gradient(135deg, #FBBF24, #F59E0B); color: #1a1200; }
.pzm-ring.gold::before { content: none; }
.pzm-card.ready .pzm-ring { background: conic-gradient(#34D399 100%, #0000 0); color: #34D399; }
.pzm-tx { min-width: 0; max-width: 100%; display: flex; flex-direction: column; gap: 2px; }
.pzm-tx b { font-size: 14px; font-weight: 800; }
.pzm-tx small { font-size: 11.5px; color: #ffffffa8; line-height: 1.5; }
.pzm-card.ready small { color: #34D399; }
@media (max-width: 340px) { .pzm { grid-template-columns: 1fr; } }
.fw-wrap .pzm { margin: 0 0 12px; }

/* المهام: عدّاد «مكتملة» + زر «استلم» واضح */
.m-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.m-count { font-size: 12px; color: #ffffffa0; font-weight: 600; }
.m-ready { font-style: normal; font-size: 11px; font-weight: 800; color: #0b1a10; background: #34D399; padding: 3px 9px; border-radius: 10px; }
.m-ico { color: #FF6B9E; }
.m-ico svg { width: 20px; height: 20px; }
.m-btn.ready { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 98px; height: 44px; padding: 0 12px; border-radius: 14px; font-size: 19px; font-weight: 800; color: #fff; background: linear-gradient(135deg, #22C55E, #10B981) !important; box-shadow: 0 0 0 3px #34D39933; }  /* v71: أُزيلت الحركة المتكررة (كانت تسبب تشويش الشاشة على بعض الجوالات) */
.m-btn svg { vertical-align: middle; }
@keyframes mReady33 { 50% { transform: scale(1.05); } }
@media (prefers-reduced-motion: reduce) { .m-btn.ready { animation: none; } }

/* صفحة المتصدرون (جوائز الأسبوع) */
.pz-page .pz-pg-head { display: flex; align-items: center; gap: 12px; margin: 14px 0 6px; }
.pz-page .pz-pg-head h2 { margin: 2px 0 0; font-size: 22px; }
.pz-page .pz-mine { margin: 10px 0; }
.pz-page .pz-board { list-style: none; padding: 0; margin: 10px 0; display: flex; flex-direction: column; gap: 6px; }
.pz-page .pz-prizes { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
.pz-page .pz-prizes span { display: inline-flex; gap: 6px; align-items: center; padding: 6px 10px; border-radius: 12px; background: #ffffff0d; font-size: 12px; }
.pz-page .pz-prizes i { font-style: normal; color: #ffffff88; }
.pz-rules-l { margin: 8px 0 16px; padding-inline-start: 18px; font-size: 12.5px; line-height: 1.9; color: #ffffffb0; }
.pz-empty-pg { text-align: center; padding: 50px 10px; color: #FBBF24; }
.pz-empty-pg h3 { color: #fff; }

/* كيف تُحسب الأرباح: قائمة واضحة بدل فقرات مزدحمة */
.how-list { margin: 8px 0 12px; padding-inline-start: 18px; display: flex; flex-direction: column; gap: 8px; font-size: 13px; line-height: 1.8; color: #ffffffcc; }
.how-list b { color: #fff; }

.pzm.one .pzm-card { flex-direction: row; align-items: center; }

/* تعليقات: قلب الإعجاب */
.c-row { align-items: flex-start; }
.c-like { margin-inline-start: auto; flex: none; display: inline-flex; flex-direction: column; align-items: center; gap: 1px; min-width: 34px; padding: 4px 2px; background: none; border: 0; color: #ffffff80; }
.c-like i { font: 700 10.5px Poppins, sans-serif; font-style: normal; min-height: 12px; }
.c-like.on { color: #FF2D7A; }
.c-like.on svg path { fill: currentColor; }
.c-like + .c-del { margin-inline-start: 2px !important; }

/* تعليقات: شريط الكتابة بنفس لون النافذة وملتصق بأسفلها */
.sheet .row-input { background: #130b2e !important; margin: 14px -18px calc(-22px - env(safe-area-inset-bottom)); padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid #ffffff12; bottom: 0; }
.sheet .row-input .search-input { border-radius: 22px; }

/* البحث بملء الشاشة */
.sheet.sheet-full { top: 0; max-height: none; height: 100%; height: 100dvh; border-radius: 0; padding-top: calc(14px + env(safe-area-inset-top)); animation: none; }
.sheet.sheet-full #globalSearch { position: sticky; top: -2px; z-index: 2; box-shadow: 0 8px 18px #0008; }
.sheet.sheet-full .grab { display: none; }
.sr-h { display: flex; align-items: center; justify-content: space-between; }
.sr-clear { background: none; border: 0; color: #FF6B9E; font: 700 12.5px Cairo, sans-serif; }
.sr-hist { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
.sr-hi { display: flex; align-items: center; gap: 6px; }
.sr-q { flex: 1; display: flex; align-items: center; gap: 10px; padding: 9px 4px; background: none; border: 0; color: #fff; font: 14px Cairo, sans-serif; text-align: start; min-width: 0; }
.sr-q svg { color: #ffffff70; flex: none; }
.sr-q span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-x { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #ffffff0d; border: 0; color: #ffffffa0; flex: none; }
.quick-title svg { vertical-align: -2px; color: #FB923C; }

/* سجل المكالمات */
.cl-row.cl-missed b { color: #F87171; }
.cl-dir { display: inline-flex; align-items: center; gap: 4px; }
.cl-dir.missed, .cl-dir.declined { color: #F87171 !important; }
.cl-dir.out, .cl-dir.noanswer { color: #ffffff99; }
.cl-dir.in { color: #34D399; }
.cl-n { font-weight: 600; color: #ffffff90; font-size: .9em; }

/* مظهر حسابي: الإطار المختار واضح + اختيار الثواني الثلاث */
.fr-opt { position: relative; }
.fr-opt.on::after { content: ''; position: absolute; top: 6px; inset-inline-start: 6px; width: 20px; height: 20px; border-radius: 50%; z-index: 3;
  background: #FF2D7A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; box-shadow: 0 2px 8px #0008; }
.fr-free { margin: 0 0 10px; font-size: 12px; color: #ffffffa0; }
.fr-cut { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 10px 0; }
.fr-cut.hidden { display: none; }
.fr-cut video { width: 140px; height: 140px; object-fit: cover; border-radius: 50%; background: #000; border: 3px solid #FF2D7A; }
.fr-cut input[type=range] { width: 100%; accent-color: #FF2D7A; }
.fr-cut small { font-size: 11.5px; color: #ffffffa0; }
.fr-save:disabled { opacity: .45; }


/* صفحة «مباشر» بدون بثوث */
.lp-empty33 { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 36px 18px 20px; margin-top: 8px; border-radius: 24px;
  background: radial-gradient(circle at 50% 0, #FF2D7A26, transparent 60%), #ffffff06; border: 1px solid #ffffff12; }
.lp-e-ic { width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #FF2D7A, #8B5CF6); box-shadow: 0 0 0 10px #FF2D7A1a, 0 10px 30px #FF2D7A55; }
.lp-e-ic svg { width: 36px; height: 36px; }
.lp-empty33 h3 { margin: 8px 0 0; font-size: 19px; }
.lp-empty33 p { margin: 0; font-size: 13px; line-height: 1.9; color: #ffffffb0; max-width: 300px; }
.lp-e-go { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 26px; margin-top: 6px; border-radius: 24px; color: #fff; font: 800 15px Cairo, sans-serif; background: linear-gradient(90deg, #FF2D7A, #8B5CF6); box-shadow: 0 8px 24px #FF2D7A44; }
.lp-e-voice { background: none; border: 0; color: #5EE6F5; font: 700 13px Cairo, sans-serif; padding: 6px; }
/* أشكال إطار الشريك في نافذة الاختيار: الرمز في الوسط أوضح */
.cp-styles .duo .mid svg { width: 22px !important; height: 22px !important; }
.cp-styles .duo.d-thread .th { stroke-width: 3; }

.m-btn.ready svg { width: 26px; height: 26px; stroke-width: 3; flex: none; }

/* v73: البطاقة المستلمة: تعتيم بالألوان بدل الشفافية (الشفافية تنشئ طبقة إضافية في كرت الشاشة) */
.mission.done { opacity: 1 !important; }
.mission.done b { color: #ffffffa6; }
.mission.done small { color: #ffffff6b; }
.mission.done .m-ico { color: #ff6b9e99; }

/* css/admin-v33.css */
/* v33 — لوحة الأدمن: ترتيب وتوضيح (لحذفها: احذف هذا الملف وسطره في index.html) */
/* الرئيسية */
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.zero { opacity: .55; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.zero b { color: #ffffffb0; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.warn { background: linear-gradient(160deg, #FACC151f, #ffffff08) !important; border-color: #FACC1566 !important; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.warn b { color: #FDE68A; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.wide { grid-column: 1 / -1; }
.admin-v25 .adm-note .ui-ic { vertical-align: -2px; color: #5EE6F5; }
.adm-top-row { display: flex; align-items: center; gap: 10px; }
.adm-th { flex: none; width: 42px; height: 56px; border-radius: 10px; overflow: hidden; display: grid; place-items: center; color: #ffffff80; background: linear-gradient(160deg, #2A1650, #0B2A3A); }
.adm-th img { width: 100%; height: 100%; object-fit: cover; }
.adm-top-row > div { flex: 1; min-width: 0; }
.adm-top-row > div small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm-export { gap: 10px; }
.adm-export .primary-business { flex: 1; }

/* المستخدمون */
.adm-sort { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 0 10px; padding-bottom: 2px; }
.adm-sort::-webkit-scrollbar { display: none; }
.adm-sort button { flex: none; height: 34px; padding: 0 14px; border-radius: 17px; background: #ffffff0d; border: 1px solid #ffffff1a; color: #fff; font: 700 12.5px Cairo, sans-serif; }
.adm-sort button.on { background: #FF2D7A; border-color: transparent; }
.adm-user { align-items: flex-start !important; }
.adm-user .au-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.adm-user .au-body > small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.au-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 11.5px; color: #ffffffa6; }
.au-meta span { display: inline-flex; align-items: center; gap: 4px; }
.au-seen { color: #5EE6F5 !important; font-size: 11.5px; }
.au-tag { font-style: normal; font-size: 10px; font-weight: 800; padding: 1px 7px; border-radius: 8px; vertical-align: 2px; }
.au-tag.ok { background: #34D39926; color: #34D399; }
.au-tag.ban { background: #EF444433; color: #FCA5A5; }
.adm-user.is-ban { border-color: #EF444455 !important; }

/* المحظورون صفحة مستقلة */
.ar-t2, .ar-ban-note { display: none; }
.only-banned .ar-t1, .only-banned .ar-tabs, .only-banned .ar-rule, .only-banned .ar-new { display: none !important; }
.only-banned .ar-t2 { display: inline; }
.only-banned .ar-ban-note { display: block; font-size: 12.5px; color: #ffffff99; line-height: 1.8; margin: 4px 0 12px; }
.ar-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 30px 10px; border-radius: 20px; background: #ffffff06; border: 1px dashed #ffffff22; text-align: center; color: #34D399; }
.ar-empty b { color: #fff; font-size: 15px; }
.ar-empty small { color: #ffffff90; }

/* مفتاح تشغيل/إيقاف بأسلوب Jokt (بدل مربع المتصفح الأزرق) */
.adm-switch { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; margin: 14px 0; border-radius: 18px; background: #ffffff08; border: 1px solid #ffffff14; cursor: pointer; }
.adm-switch > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.adm-switch b { font-size: 14px; }
.adm-switch small { font-size: 12px; color: #ffffff99; }
.adm-switch input { position: absolute; opacity: 0; pointer-events: none; }
.adm-switch i { flex: none; position: relative; width: 50px; height: 28px; border-radius: 14px; background: #ffffff26; transition: background .2s; }
.adm-switch i::after { content: ''; position: absolute; top: 3px; right: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 2px 6px #0006; }
.adm-switch input:checked + i { background: linear-gradient(90deg, #FF2D7A, #8B5CF6); }
.adm-switch input:checked + i::after { transform: translateX(-22px); }

/* الدعم */
.sup-tabs { display: flex; gap: 8px; margin: 0 0 12px; }
.sup-tabs button { height: 36px; padding: 0 16px; border-radius: 18px; background: #ffffff0d; border: 1px solid #ffffff1a; color: #fff; font: 700 13px Cairo, sans-serif; display: inline-flex; align-items: center; gap: 6px; }
.sup-tabs button.on { background: #FF2D7A; border-color: transparent; }
.sup-tabs i { font-style: normal; font-size: 11px; min-width: 20px; height: 20px; line-height: 20px; border-radius: 10px; background: #0003; text-align: center; padding: 0 5px; }
.sup-card { padding: 14px; margin-bottom: 10px; border-radius: 18px; background: #ffffff0a; border: 1px solid #ffffff17; }
.sup-card.sup-done { opacity: .7; }
.sup-top { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; }
.sup-top b { font-size: 14px; }
.sup-h { font-size: 12px; color: #ffffff90; }
.sup-top time { margin-inline-start: auto; font-size: 11.5px; color: #ffffff90; }
.sup-tag { font-style: normal; font-size: 11px; font-weight: 800; padding: 2px 9px; border-radius: 9px; }
.sup-tag.help { background: #3B82F633; color: #93C5FD; }
.sup-tag.bug { background: #EF444433; color: #FCA5A5; }
.sup-text-b { margin: 10px 0 6px; font-size: 14px; line-height: 1.8; color: #fff; white-space: pre-wrap; word-break: break-word; }
.sup-dev summary { font-size: 11.5px; color: #ffffff80; cursor: pointer; }
.sup-dev small { display: block; font-size: 10.5px; color: #ffffff80; margin-top: 4px; word-break: break-all; }
.sup-acts { display: flex; gap: 8px; margin-top: 10px; }
.sup-acts button { flex: 1; height: 38px; border-radius: 19px; background: #ffffff12; color: #fff; font: 700 13px Cairo, sans-serif; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0; }
.sup-acts button.ok { background: linear-gradient(90deg, #22C55E, #10B981); }

/* مراجعة الفيديوهات */
.av-who { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.av-who img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: none; }
.av-who span { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.av-who b { font-size: 13px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.av-who bdi { font-size: 11px; color: #ffffff90; }
.av-acts { flex: none; display: flex; flex-direction: column; gap: 6px; }
.av-ok { padding: 9px 14px; border-radius: 12px; background: #22C55E1f; color: #4ADE80; border: 1px solid #22C55E55; font-weight: 700; }
.av-tag.ok { background: #22C55E26 !important; color: #4ADE80 !important; }
.av-flt button i { font-style: normal; font-size: 11px; opacity: .8; margin-inline-start: 2px; }

/* النظام المالي */
.eco-msel { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 14px center; background-size: 16px; padding-inline-end: 14px; color: #fff; }
.eco-msel option { background: #1a1430; color: #fff; }
.eco-top summary { list-style: none; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.eco-top summary::-webkit-details-marker { display: none; }
.eco-top[open] summary .ui-ic { transform: rotate(180deg); }
.promo33 { flex-direction: column; align-items: stretch !important; gap: 10px; }
.promo33 .pm-body { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.pm-contact { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pm-contact .po-copy { width: 26px; height: 26px; border-radius: 8px; display: inline-grid; place-items: center; background: #ffffff12; border: 0; color: #fff; }
.pm-line { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pm-line b { font: 800 15px Poppins, sans-serif; color: #4ADE80; }
.pm-line small { margin-inline-start: auto; }
.pm-st { font-style: normal; font-size: 11.5px; font-weight: 800; padding: 3px 10px; border-radius: 10px; background: #ffffff14; }
.pm-st.paid { background: #FACC1526; color: #FDE68A; }
.pm-st.done { background: #22C55E26; color: #4ADE80; }
.pm-st.cancelled, .pm-st.declined { background: #EF444426; color: #FCA5A5; }
.pm-st.new, .pm-st.accepted { background: #3B82F626; color: #93C5FD; }
.pm-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.pm-acts button { flex: 1 1 auto; height: 38px; padding: 0 12px; border-radius: 19px; border: 0; color: #fff; font: 700 12.5px Cairo, sans-serif; display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: #ffffff12; }
.pm-acts button.ok { background: linear-gradient(90deg, #22C55E, #10B981); }
.pm-acts button.no { background: #EF44441f; color: #FCA5A5; }
.pz-set summary { list-style: none; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.pz-set summary::-webkit-details-marker { display: none; }
.pz-set[open] summary .ui-ic { transform: rotate(180deg); }
.pz-unex .ui-ic { vertical-align: -2px; }

/* من أين جاء المستخدمون: الأرقام الثلاثة في صف واحد */
.admin-v25 .adm-pane[data-pane="home"] .admin-stats.as-stats { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats.as-stats > div { min-height: 84px !important; padding: 10px 4px !important; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats.as-stats b { font-size: 22px !important; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats.as-stats small { font-size: 11.5px !important; }

/* css/gpu-safe-v33.css */
/* v33 (ب) — منع التشويش الملوّن (نقاط وخطوط) واختفاء البطاقات على جوالات أندرويد الضعيفة
   السبب: تأثير الضبابية الزجاجية (backdrop-filter) فوق صفحة تتحرّك يستهلك ذاكرة كرت الشاشة فيظهر «ثلج» ملوّن
   الحل: في الصفحات الداخلية نستبدل الزجاج بخلفية صلبة بنفس اللون — الشكل نفسه تقريبًا، بدون تشويش
   لحذفه: احذف هذا الملف وسطره في index.html */
body:not(.on-home) *,
body:not(.on-home) *::before,
body:not(.on-home) *::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body:not(.on-home) .bottom-nav { background: #0b0f1d !important; }
body:not(.on-home) .top-tabs { background: #121729 !important; }
.sheet, .sheet-panel { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* بطاقات الأدمن الصفرية: لون باهت بدل الشفافية (الشفافية تُنشئ طبقة إضافية في كرت الشاشة) */
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.zero { opacity: 1 !important; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.zero small,
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.zero em { color: #ffffff70 !important; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.zero b { color: #ffffff80 !important; }
.admin-v25 .adm-pane[data-pane="home"] .admin-stats > div.zero .ui-ic { opacity: .6; }

/* css/feed-v34.css */
/* v34 — سطر المشاهدات ووقت النشر تحت اسم صاحب الفيديو */
.vmeta{max-width:78%;overflow:hidden}
.vmeta > span{flex:none}
.vmeta .vtime{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.disc-note svg{display:block;filter:drop-shadow(0 1px 2px #0008)}
/* v34 — تنبيه الأدمن: نفس المحفظة لعدة حسابات */
.pg-dup{display:flex;gap:6px;align-items:flex-start;margin:6px 0 0;padding:6px 8px;border-radius:10px;background:#ef444422;color:#fca5a5;font-size:12px;line-height:1.5}
.pg-dup svg{flex:none;margin-top:2px}
/* v34 — مكان إعلان Google (صفحات المحتوى فقط) */
.gad-box{margin:12px 0;padding:8px;border-radius:14px;background:#ffffff0a;min-height:60px}
.gad-lbl{display:block;font-size:11px;opacity:.6;margin-bottom:4px}

/* css/earn-hub.css */
/* v35 — تبويب «اربح» */
.eh-wrap{padding:calc(66px + env(safe-area-inset-top)) 14px 120px;direction:rtl;color:#fff;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.eh-head h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.2px}
.eh-head small{display:block;margin-top:2px;font-size:13px;color:#ffffff99}
.eh-soon{display:inline-block;font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#ffffff1f;color:#ffe08a;border:1px solid #ffe08a55;vertical-align:middle;margin-inline-start:6px}

/* البطاقة الرئيسية: راتب جوكت */
.eh-hero{position:relative;border-radius:22px;padding:16px;overflow:hidden;background:linear-gradient(135deg,#ff2d87 0%,#8b5cf6 55%,#22d3ee 120%);box-shadow:0 10px 30px #8b5cf640}
.eh-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0,#ffffff30,transparent 60%);pointer-events:none}
.eh-hero>*{position:relative}
.eh-hero-top{display:flex;align-items:center;gap:12px}
.eh-hero-top>div{flex:1;min-width:0}
.eh-hero-top b{display:block;font-size:19px;font-weight:800}
.eh-hero-top small{display:block;font-size:13px;color:#ffffffd9;margin-top:2px}
.eh-hero-ic{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#ffffff2e;flex:none}
.eh-hero .eh-soon{background:#00000033;color:#fff;border-color:#ffffff66}
.eh-steps{display:flex;align-items:center;gap:6px;margin:16px 0 4px}
.eh-steps span{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:14px;background:#00000026;font-size:12px;font-weight:700}
.eh-steps span i{font-style:normal}
.eh-steps em{width:10px;height:2px;background:#ffffff80;border-radius:2px;flex:none}
.eh-hero-note{margin:10px 0 0;font-size:12.5px;color:#ffffffd9;text-align:center}
.eh-cta{display:block;width:100%;margin-top:12px;padding:13px;border:0;border-radius:14px;background:#fff;color:#7c3aed;font:inherit;font-weight:800;font-size:15px}
.eh-amt{font-size:26px;font-weight:800}
.eh-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;direction:ltr}
.eh-cd span{background:#00000033;border-radius:14px;padding:9px 2px;text-align:center}
.eh-cd b{display:block;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.eh-cd small{font-size:11.5px;color:#ffffffcc;direction:rtl;display:block}
.eh-month{height:7px;border-radius:7px;background:#00000040;margin-top:12px;overflow:hidden}
.eh-month i{display:block;height:100%;border-radius:7px;background:#fff;transition:width .6s}
.eh-hero.gold{background:linear-gradient(135deg,#f59e0b,#f97316 60%,#ec4899);animation:ehPulse 2.4s ease-in-out infinite}
@keyframes ehPulse{50%{box-shadow:0 10px 40px #f59e0b80}}

/* الرصيد */
.eh-bal{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eh-bal-it{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border-radius:18px;border:1px solid #ffffff14;background:#ffffff0d;color:#fff;font:inherit;text-align:start}
.eh-bal-it small{font-size:12px;color:#ffffff99}
.eh-bal-it b{font-size:21px;font-weight:800}
.eh-bal-it i{font-style:normal;font-size:12px;color:#22d3ee;display:flex;align-items:center;gap:4px}

/* البطاقات */
.eh-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;border:1px solid #ffffff14;background:#ffffff0d;color:#fff;font:inherit;text-align:start;width:100%}
.eh-ring{position:relative;width:72px;height:72px;flex:none}
.eh-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.eh-ring circle{fill:none;stroke-width:8}
.eh-ring .bg{stroke:#ffffff14}
.eh-ring .fg{stroke:#ffb547;stroke-linecap:round}
.eh-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;font-weight:800;color:#ffe08a}
.eh-mult-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.eh-mult-tx b{font-size:15px;font-weight:800}
.eh-mult-tx small{font-size:12.5px;color:#ffffffb3}
.eh-mult-tx .eh-next{color:#ffb547;font-weight:700}
.eh-tasks{border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf626,#22d3ee14)}
.eh-tasks[aria-disabled=true]{opacity:.85}
.eh-tasks-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#8b5cf640;color:#c4b5fd;flex:none}
.eh-tasks-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.eh-tasks-tx b{font-size:15px;font-weight:800}
.eh-tasks-tx small{font-size:12.5px;color:#ffffffb3}
.eh-go{color:#ffffff80;flex:none}
.eh-wrap .pzm:empty{display:none}

/* الشبكة */
.eh-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eh-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:18px;border:1px solid #ffffff14;background:#ffffff0d;color:#fff;font:inherit;text-align:start;min-height:106px}
.eh-tile-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#22d3ee1f;color:#67e8f9;margin-bottom:4px}
.eh-tile b{font-size:14.5px;font-weight:800}
.eh-tile small{font-size:12px;color:#ffffff99}
.eh-tile.hot{border-color:#ffb54766}
.eh-tile.hot .eh-tile-ic{background:#ffb54726;color:#ffd27a}
.eh-tile.hot small{color:#ffd27a;font-weight:700}
.eh-wrap button{-webkit-tap-highlight-color:transparent;cursor:pointer}
.eh-wrap button:focus{outline:none}
.eh-wrap button:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}

/* v37.2 — ملاحظة 38: متى تتحول النقاط إلى رصيد */
.eh-bal-it .eh-bal-note{font-style:normal;font-size:11px;line-height:1.4;color:#facc15cc}

/* css/features-v35.css */
/* v35 — إخفاء الميزات المتوقفة مؤقتًا (تُرجع من FEATURES في config.js) */
body.no-live .nav-live{display:none!important}
body.no-calls .call-btns,body.no-calls .call-prof,body.no-calls button[data-t="calls"][role="tab"]{display:none!important}
body.no-couples .fr-tabs [data-t="love"]{display:none!important}
body.no-market [data-go="market"],body.no-market .el-market,body.no-market .jcr-entry{display:none!important}
body.no-business [data-go="business"]{display:none!important}
body.no-games [data-go="challenges"]{display:none!important}
body.no-calls .pg-row{display:none!important}
body.no-couples .cp-ask,body.no-couples .cp-note{display:none!important} /* v67: الارتباط مخفي */

/* css/gpu-safe-v35.css */
/* v35.1 — إصلاح التشويش الملوّن عند لمس الصفحات الداخلية (اربح، أرباحي…) على جوالات أندرويد
   السبب: كل زر يصغر عند اللمس (transform: scale) — البطاقات الكبيرة ذات التدرّج اللوني داخل صفحة تتحرك
   تُجبر كرت الشاشة على طبقة جديدة كل لمسة، فيظهر «ثلج» ملوّن على بعض الجوالات
   الحل: في الصفحات الداخلية لا تصغير — فقط تغيّر خفيف في اللون (خفيف جدًا على كرت الشاشة)
   لحذفه: احذف هذا الملف وسطره في index.html */
body:not(.on-home) button:active,
body:not(.on-home) [role="button"]:active { transform: none !important; }
body:not(.on-home) .eh-wrap button:active,
body:not(.on-home) .pzm-card:active,
body:not(.on-home) .earn-card button:active { filter: none !important; background-color: #ffffff1f !important; }
/* بطاقات الجوائز في «اربح»: لون صلب بدل التدرّج (أخف على كرت الشاشة ومتناسق مع باقي البطاقات) */
.eh-wrap .pzm-card { background: #ffffff0d !important; box-shadow: none !important; }
.eh-wrap .pzm { margin: 0 !important; }
/* بطاقة الراتب: ظل أخف */
.eh-hero { box-shadow: none !important; }
.nt-thumb.no-prev .th-ph{position:absolute;inset:0;display:grid;place-items:center;color:#ffffffb3;font-style:normal}
body:not(.on-home) .m-btn.ready { animation: none !important; transform: none !important; box-shadow: none !important; }
body:not(.on-home) .points-pill.pz-ready, body:not(.on-home) .pz-chip.ready { animation: none !important; }
/* v69: إشعار «+30 نقطة» عند استلام المكافآت يسبّب خطوطًا ملوّنة على بعض جوالات أندرويد في الصفحات الداخلية
   السبب المرجّح: حركة transform + ظل ضبابي كبير على طبقة ثابتة فوق قائمة تتحرك
   الحل: في الصفحات الداخلية يظهر الإشعار بالشفافية فقط، بلا حركة ولا ظل ضبابي
   لحذفه: احذف هذا المقطع */
body:not(.on-home) .toast,
body:not(.on-home) .toast.show {
  transform: translateX(-50%) !important;
  transition: opacity .2s linear !important;
  box-shadow: none !important;
  border: 1px solid #00000022;
  will-change: auto !important;
}

/* v69 (2): الخطوط الملوّنة تظهر وسط صفحة «اربح» بعد استلام مكافأة (وقت تنفيذ إعادة رسم الصفحة كاملة + حركة «+N» الطائرة)
   في الصفحات الداخلية نوقف «+N» الطائرة وحركة العدّاد (العدّاد غير ظاهر أصلًا هناك) ونخفف طبقات الرسم */
body:not(.on-home) .plus-fly { display: none !important; }
body:not(.on-home) .points-pill.coin-hit,
body:not(.on-home) .points-pill.coin-hit .coin { animation: none !important; }
body:not(.on-home) .sl-fly { animation: none !important; opacity: 0 !important; }
body:not(.on-home) .eh-hero.gold { animation: none !important; }
body:not(.on-home) .bottom-nav .upload-fab::before { animation: none !important; filter: none !important; opacity: .35 !important; background: linear-gradient(135deg, #FF2D7A, #A855F7 55%, #22D3EE) !important; }
/* v69 (3): تشويش المحادثة عند الكتابة (نفس خلل صفحة المهام): ظهور الكيبورد يغيّر حجم الشاشة
   والضبابية الزجاجية (backdrop-filter) فوق قائمة رسائل متحركة ترهق كرت الشاشة
   نلغي الضبابية في المحادثة فقط ونجعل الخلفية معتمة بدلها */
.dm .chat-head { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #0F0D26 !important; }
.dm .bubble.k-image > time { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #000c !important; }
.dm-menu, .dm-banner { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.dm-menu { background: #07061Add !important; }

/* css/v36.css */
/* v36 — ملاحظات 1–36
   لحذف أي جزء: احذف القسم الخاص به فقط */

/* 1) الخطوط الأفقية (فاتح/غامق) التي تتحرك مع المحتوى في الصفحات الداخلية:
   سببها تدرّجات الخلفية الشعاعية الكبيرة — كرت الشاشة الضعيف يرسمها شرائح عند التمرير.
   الحل: خلفية صلبة معتمة في كل الصفحات ما عدا الرئيسية */
body:not(.on-home) { background: var(--bg, #0e0824) !important; }
body:not(.on-home) #feed { background: var(--bg, #0e0824) !important; }

/* 9) بطاقة الراتب: أسود + إطار ذهبي رفيع + أرقام خضراء/ذهبية — أوضح مكان في الصفحة */
.eh-hero, .eh-hero.gold { background: #07070c !important; border: 1px solid #d4a63a; animation: none !important; }
.eh-hero:before { display: none; }
.eh-hero-top b { color: #fff; font-weight: 900; }
.eh-hero-top small { color: #ffffffbf; }
.eh-hero-ic { background: #d4a63a1f; color: #f5c84c; }
.eh-hero .eh-soon { background: #f5c84c; color: #1a1300; border-color: #f5c84c; font-weight: 800; }
.eh-steps span { background: #ffffff0a; border: 1px solid #ffffff14; color: #fff; }
.eh-steps span svg { color: #3ee68a; }
.eh-steps em { background: #d4a63a; }
.eh-hero-note { color: #ffffffcc; }
.eh-cta { background: #f5c84c; color: #1a1300; }
.eh-amt { color: #3ee68a; }
.eh-cd span { background: #ffffff0a; border: 1px solid #ffffff12; }
.eh-cd b { color: #f5c84c; }
.eh-cd small { color: #ffffffb3; }
.eh-month { background: #ffffff14; }
.eh-month i { background: #3ee68a; }
.eh-hero.gold { border-color: #3ee68a; }

/* 3) تحت مؤشر المضاعِف: «1 من 10» */
.eh-ring-w { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: none; }
.eh-ring-p { font-size: 11.5px; font-weight: 700; color: #ffe08a; white-space: nowrap; }

/* 6) مكان محجوز لبطاقة الجوائز حتى لا «تقفز» الصفحة عند التحميل */
.eh-wrap .pzm { min-height: 64px; }
.eh-wrap .pzm:empty { display: block !important; border-radius: 18px; background: #ffffff08; }

/* 20) سجل النقاط: سهم حديث بدل المثلث، وبطاقة مدمجة */
.earn-hist > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.earn-hist > summary::-webkit-details-marker { display: none; }
.eh-chev { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: #ffffff0f; color: #ffffffcc; }
.earn-hist[open] .eh-chev svg { transform: rotate(180deg); }

/* صفحة «كيف يعمل الربح» */
.eco-note { margin: 10px 0 0; padding: 10px 12px; border-radius: 12px; background: #ffffff0a; border: 1px solid #ffffff12; font-size: 12.5px; color: #ffffffc7; line-height: 1.7; }

/* 28) «الجوائز والشروط» بسهم حديث */
.pz-rules > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.pz-rules > summary::-webkit-details-marker { display: none; }
.pz-rules[open] > summary svg { transform: rotate(180deg); }

/* 29) «ترتيبك» ثابت في الأعلى أثناء التمرير */
.pz-mine { position: sticky; top: 0; z-index: 2; background: #2a0f2a !important; border: 1px solid #ff2d7a55; }

/* 33) سطر صغير تحت عنصر القائمة */
.menu-pro .mi-sub { display: block; font-size: 11.5px; font-weight: 500; color: #ffffff8c; margin-top: 2px; }
.menu .mi-tx, .menu-pro .mi-tx { display: block; flex: 1 1 auto; width: auto !important; min-width: 0; text-align: start !important; line-height: 1.35; }

/* 32) قسم الإدارة بنفس شكل باقي الأقسام */
.m-sec[data-sec="admin"] .admin-item { color: inherit; }

/* v36.1: من لم يصل الحد الأدنى — بدل الجائزة: «يحتاج X نقطة» */
.pz-top em.pz-need, .pz-board em.pz-need { flex: none; display: inline-block; white-space: nowrap; padding: 5px 9px; border-radius: 10px; background: #ffffff0d; color: #ffffff99; font: 700 11.5px system-ui, sans-serif; }
.pz-need bdi { color: #ffe08a; }

/* v36.4: نفس الخطوط داخل لوحة الأدمن والصفحات الداخلية — خلفية الصفحة كانت تدرّجًا شعاعيًا
   والبطاقات فوقها شفافة، فيرسمها كرت الشاشة شرائط. الحل: خلفية صلبة + بطاقات معتمة */
.business-panel { background: #0b0f1c !important; }
.admin-v25 .admin-stats > div,
.admin-v25 .adm-pane [class*="card"],
.admin-v25 .pz-stats > div { background-color: #151a2b !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; }
.admin-v25 .admin-stats > div.warn { background-color: #241f12 !important; }

/* v36.6: لوحة الأدمن — أقسام ميزات متوقفة (السوق، بطاقات الاستبدال) تُخفى ما دامت الميزة متوقفة (الكود باقٍ) */
body.no-market .adm-market-only,
body.no-market .jcr-admin { display: none !important; }

/* v37: الراتب فعّال — نقاط الشهر بدل 0.00$ */
.eh-amt.eh-pts { display: flex; flex-direction: column; align-items: center; line-height: 1.1; color: #f5c84c; }
.eh-amt.eh-pts small { font-size: 11px; font-weight: 600; color: #ffffffa6; }
.eh-cd { direction: rtl !important; } /* يوم ← ساعة ← دقيقة ← ثانية من اليمين */

/* css/stripe-v37.css */
/* v37.4 — ملاحظة 39: الشريط الفاتح/الغامق الذي يقطع بطاقات «اربح» من المنتصف
   السبب: خلفيات شبه شفافة (#ffffff0d) فوق الصفحة — كرت الشاشة الضعيف يرسمها شرائح بدرجتين
   الحل: ألوان صلبة معتمة بنفس الشكل تمامًا (لون الصفحة + 5% أبيض)
   لحذفه: احذف هذا الملف وسطره في index.html */
.eh-wrap .eh-bal-it, .eh-wrap .eh-card, .eh-wrap .eh-tile, .eh-wrap .pzm-card { background: #1a142f !important; }
.eh-wrap .eh-tasks { background: #1f1544 !important; }
.eh-wrap .pzm:empty { background: #150f2a !important; }
/* السطر الأصفر تحت الرصيد مباشرة، والبطاقتان بنفس الارتفاع */
.eh-bal { align-items: stretch; }
.eh-bal-it { justify-content: flex-start; }
.eh-bal-it .eh-bal-note { margin-top: -1px; }
.eh-bal-it i { margin-top: auto; padding-top: 4px; }

/* css/salary-live-v38.css */
/* v38 — ملاحظة 38: الراتب الحي (js/salary-live-v38.js) — بدون ظلال أو فلاتر، حركة opacity/transform فقط */
[data-sal-fly] { position: relative; }
[data-sal] small, [data-sal-today] small { font-size: 12px; font-weight: 700; margin-inline-start: 4px; opacity: .8; }
[data-sal] .sl-tag { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 8px; background: #ffffff1f; color: #facc15; vertical-align: middle; opacity: 1; }
.sl-fly { position: absolute; inset-inline-end: 0; top: -4px; font-size: 14px; font-weight: 800; color: #22c55e; -webkit-text-fill-color: #22c55e; background: none; pointer-events: none; white-space: nowrap; animation: slFly 1s ease-out forwards; }
@keyframes slFly { from { opacity: 0; transform: translateY(6px); } 20% { opacity: 1; } to { opacity: 0; transform: translateY(-18px); } }
@media (prefers-reduced-motion: reduce) { .sl-fly { animation: none; opacity: 0; } }
.eh-bal-it b[data-sal-today] { color: #22c55e; }
.earn-card .earn-big b[data-sal] { font-size: 40px; }
.earn-card .earn-big b[data-sal].eh-pts { background: none; color: #fff; }
.earn-card .earn-big b[data-sal] small { -webkit-text-fill-color: currentColor; color: #ffffffcc; }
.earn-card .earn-big b[data-sal] .sl-tag { color: #facc15; -webkit-text-fill-color: #facc15; }
.earn-card .sl-avail { font-size: 13px; color: #ffffffcc; }
.earn-card .sl-avail bdi { font-weight: 800; color: #fff; }
.eh-hero [data-sal] { display: flex; flex-direction: column; align-items: center; white-space: nowrap; line-height: 1.1; }
.eh-hero [data-sal] .sl-tag { margin: 4px 0 0; }


/* css/fixes-v39.css */
/* v39 — إصلاحات صغيرة في «اربح»: ×1.25 داخل الدائرة، والمضاعِف باهت لأنه «قريباً» (لا يرفع الأرباح بعد) */
.eh-mult .eh-ring b { font-size: 15px; letter-spacing: -.3px; }
.eh-mult .eh-ring-w { opacity: .55; }

/* css/growth-v40.css */
/* v40 — أفكار النمو (js/growth-v40.js). ألوان صلبة معتمة بدون ظلال أو شفافية (درس v37.4: الشفافية تُظهر شريطًا على الأجهزة الضعيفة) */
.gw-pay, .gw-loy, .gw-ch { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 20px; border: 1px solid #2a2346; background: #1a142f; color: #fff; }
.earn .gw-pay { background: #17122b; }
.gw-head { display: flex; align-items: center; gap: 10px; }
.gw-head b { display: block; font-size: 16px; font-weight: 800; }
.gw-head small { display: block; font-size: 12px; color: #b9b3d1; }
.gw-ic { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 12px; background: #2a2150; color: #c4b5fd; }
.gw-ic.ok { background: #143327; color: #4ade80; }
.gw-ic.gold { background: #3a2c0c; color: #fbbf24; }

/* آخر المدفوعات */
.gw-pay-l { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.gw-pay-l li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 14px; background: #221b3b; }
.gw-av { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 50%; background: #3b2d6b; font-weight: 800; }
.gw-pn { flex: 1; min-width: 0; }
.gw-pn b { display: block; font-size: 14px; }
.gw-pn small { display: block; font-size: 11.5px; color: #a8a2c2; }
.gw-pay-l em { font-style: normal; font-weight: 800; color: #4ade80; }

/* مكافآت الالتزام */
.gw-row { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 14px; background: #221b3b; }
.gw-ric { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #2f2654; color: #c4b5fd; }
.gw-row.ready .gw-ric { background: #3a2c0c; color: #fbbf24; }
.gw-row.done .gw-ric { background: #143327; color: #4ade80; }
.gw-rt { flex: 1; min-width: 0; }
.gw-rt b { display: block; font-size: 13.5px; }
.gw-rt small { display: block; font-size: 11.5px; color: #a8a2c2; }
.gw-bar { height: 5px; margin-top: 6px; border-radius: 4px; background: #332a57; overflow: hidden; }
.gw-bar i { display: block; height: 100%; background: #a78bfa; border-radius: 4px; }
.gw-row.ready .gw-bar i, .gw-row.done .gw-bar i { background: #4ade80; }
.gw-n, .gw-got { font-style: normal; font-size: 12px; font-weight: 700; color: #a8a2c2; white-space: nowrap; }
.gw-got { color: #4ade80; }
.gw-claim { flex: none; border: 0; border-radius: 12px; padding: 8px 12px; font: inherit; font-weight: 800; color: #1a1205; background: #fbbf24; }
.gw-claim:disabled { opacity: .6; }

/* تحدي الأسبوع */
.gw-tag { margin: 0; font-size: 17px; font-weight: 800; color: #fde68a; }
.gw-pz { display: flex; gap: 6px; flex-wrap: wrap; }
.gw-pz span { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 12px; background: #221b3b; font-size: 12.5px; font-weight: 700; }
.gw-pz i, .gw-top i { font-style: normal; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #3a2c0c; color: #fbbf24; font-size: 11px; font-weight: 800; }
.gw-top { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.gw-top li { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; background: #221b3b; }
.gw-top span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.gw-top em { font-style: normal; font-size: 12px; color: #a8a2c2; }
.gw-empty { margin: 0; font-size: 13px; color: #a8a2c2; }
.gw-go { display: flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 14px; padding: 12px; font: inherit; font-weight: 800; color: #fff; background: #7c3aed; }
.gw-note { font-size: 11.5px; color: #a8a2c2; line-height: 1.6; }

/* صانع موثّق */
.gw-vbadge { display: inline-flex; align-items: center; margin-inline-start: 4px; color: #38bdf8; vertical-align: middle; }

/* لوحة الأدمن */
.gw-adm { margin-top: 18px; }
.gw-adm-tabs { display: flex; gap: 6px; margin: 12px 0 8px; }
.gw-adm-tabs button { flex: 1; border: 1px solid #ffffff1f; background: none; color: #fff; border-radius: 12px; padding: 8px; font: inherit; font-size: 12.5px; }
.gw-adm-tabs button.on { background: #7c3aed; border-color: #7c3aed; }

/* css/invite-v42.css */
/* v42 — مهمة «ادعُ صديقًا» (js/invite-v42.js) — ألوان صلبة بدون شفافية أو ظلال */
.iv-card { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 20px; border: 1px solid #2a2346; background: #1a142f; color: #fff; }
.iv-card.iv-in { padding: 10px; }
.iv-head { display: flex; align-items: center; gap: 10px; }
.iv-head b { display: block; font-size: 16px; font-weight: 800; }
.iv-head small { display: block; font-size: 12px; color: #b9b3d1; }
.iv-ic { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 12px; background: #143327; color: #4ade80; }
.iv-steps { display: flex; flex-direction: column; gap: 6px; }
.iv-steps div { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: #221b3b; font-size: 13px; }
.iv-steps i { font-style: normal; flex: none; min-width: 52px; text-align: center; padding: 3px 8px; border-radius: 10px; background: #3a2c0c; color: #fbbf24; font-weight: 800; }
.iv-q { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border-radius: 12px; background: #17122b; border: 1px dashed #3b2d6b; font-size: 12.5px; color: #c9c3e0; }
.iv-claim { flex: none; border: 0; border-radius: 12px; padding: 8px 12px; font: inherit; font-weight: 800; color: #1a1205; background: #fbbf24; }
.iv-claim:disabled { opacity: .6; }
.iv-share { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
.iv-share a, .iv-share button { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 11px 6px; border-radius: 14px; border: 0; font: inherit; font-size: 13px; font-weight: 800; color: #fff; text-decoration: none; }
.iv-wa { background: #15803d; }
.iv-tg { background: #0369a1; }
.iv-more { background: #3b2d6b; }
.iv-note { font-size: 11.5px; color: #a8a2c2; }
.iv-joy { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.iv-joy-ic { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 20px; background: #3a2c0c; color: #fbbf24; }
.iv-joy h3 { margin: 0; }
.iv-joy p { margin: 0; color: #c9c3e0; font-size: 14px; line-height: 1.7; }
.iv-joy .iv-share { width: 100%; }
/* v48 — توضيح رصيد الجوائز (js/balance-hint-v48.js) */
.bh-line { display: flex; align-items: center; gap: 8px; width: 100%; margin-top: 6px; padding: 9px 12px; border-radius: 14px; border: 1px solid #5b4416; background: #2a210d; color: #fde68a; font: inherit; font-size: 12.5px; text-align: start; }
.bh-line b { color: #fbbf24; }
.bh-line.hub { margin-top: 0; }

/* css/admin-payroll-v44.css */
/* v44 — «رواتب المستخدمين» في لوحة الأدمن (js/admin-payroll-v44.js) — ألوان صلبة */
.ap-card { display: flex; flex-direction: column; gap: 12px; padding: 14px; margin-bottom: 16px; border-radius: 20px; border: 1px solid #2a2346; background: #1a142f; color: #fff; }
.ap-head { display: flex; align-items: center; gap: 10px; }
.ap-head > div { flex: 1; }
.ap-head b { display: block; font-size: 16px; font-weight: 800; }
.ap-head small { display: block; font-size: 12px; color: #b9b3d1; }
.ap-ic { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: #3a2c0c; color: #fbbf24; }
.ap-ref { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; border: 1px solid #3b2d6b; background: #221b3b; color: #c4b5fd; }
.ap-big { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px; border-radius: 16px; background: #0f0b1e; }
.ap-big small { font-size: 12.5px; color: #b9b3d1; }
.ap-big b { font-size: 34px; font-weight: 800; color: #4ade80; }
.ap-big em { font-style: normal; font-size: 12px; color: #fbbf24; }
.ap-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ap-grid > div { display: flex; flex-direction: column; gap: 2px; padding: 10px; border-radius: 14px; background: #221b3b; }
.ap-grid small { font-size: 12px; color: #b9b3d1; }
.ap-grid b { font-size: 18px; font-weight: 800; }
.ap-grid i { font-style: normal; font-size: 11px; color: #a8a2c2; }
.ap-now { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 14px; background: #17122b; }
.ap-now > b { font-size: 13.5px; }
.ap-now div { display: flex; justify-content: space-between; gap: 8px; font-size: 12.5px; color: #c9c3e0; }
.ap-now em { font-style: normal; font-weight: 800; color: #fff; white-space: nowrap; }
.ap-now .ap-sum { padding-top: 6px; border-top: 1px solid #2a2346; font-weight: 800; color: #fff; }
.ap-now .ap-sum em { color: #fbbf24; }

/* css/admin-watch-v45.css */
/* v45 — تبويب «المراقبة» في لوحة الأدمن (js/admin-watch-v45.js) */
#admWatch { display: flex; flex-direction: column; gap: 12px; }
.aw-top { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px; background: #1a142f; border: 1px solid #2a2346; }
.aw-top > div { flex: 1; }
.aw-top b { display: block; font-size: 15px; }
.aw-top small { font-size: 12px; color: #b9b3d1; }
.aw-ref { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; border: 1px solid #3b2d6b; background: #221b3b; color: #c4b5fd; }
.aw-sec { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 18px; background: #1a142f; border: 1px solid #2a2346; }
.aw-sec.warn { border-color: #7f1d1d; background: #221218; }
.aw-h { display: flex; align-items: center; gap: 10px; }
.aw-h b { display: block; font-size: 14.5px; }
.aw-h small { display: block; font-size: 11.5px; color: #b9b3d1; }
.aw-ic { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #2f2654; color: #c4b5fd; }
.aw-sec.warn .aw-ic { background: #451a1a; color: #f87171; }
.aw-l { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.aw-l li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; background: #221b3b; font-size: 13px; }
.aw-l li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.aw-l li small { color: #a8a2c2; font-size: 11px; }
.aw-l li em { font-style: normal; font-size: 11.5px; color: #fbbf24; white-space: nowrap; }
.aw-empty { margin: 0; font-size: 12.5px; color: #a8a2c2; }

/* css/earn-card-v49.css */
/* v49 — بطاقة الراتب في «أرباحي» بنفس ألوان بطاقة «راتبك القادم» في صفحة «اربح»: خلفية سوداء، إطار ذهبي، الرقم أخضر */
.earn-card { background: #07070c !important; border: 1px solid #d4a63a !important; box-shadow: none !important; }
.earn-card .earn-lbl { color: #fff; font-weight: 800; }
.earn-card .earn-big b, .earn-card .earn-big b[data-sal] { background: none !important; color: #3ee68a !important; -webkit-text-fill-color: #3ee68a !important; }
.earn-card .earn-big b[data-sal].eh-pts { color: #f5c84c !important; -webkit-text-fill-color: #f5c84c !important; }
.earn-card .earn-big b[data-sal] small { color: #ffffffa6 !important; -webkit-text-fill-color: #ffffffa6 !important; }
.earn-card .sl-avail { color: #ffffffcc; }
.earn-card .sl-avail bdi { color: #3ee68a; }
.earn-card .earn-upd, .earn-card .earn-note { color: #ffffff99; }

/* css/v50.css */
/* v50 — ملاحظات 3 نوفمبر 2026 (ملف مستقل؛ لحذفه احذف سطره في index.html)
   1) الشريط الفاتح/الغامق الذي يقطع البطاقات: خلفيات شبه شفافة ← ألوان صلبة بنفس الشكل (نفس حل stripe-v37 لصفحة «اربح»)
      «أرباحي» على #0e0824 · «الكل رابح» على #0b0f1c · نافذة جوائز الأسبوع على #120E26 */
.earn .earn-box { background: #18122d !important; }
.earn .earn-lvl, .earn .ins-card { background: #15102b !important; }
.earn .ins-tiles { background: #19142f !important; }
.earn .ins-nav button { background: #201a35 !important; }
.earn .ins-old { background: #1b1530 !important; }
.earn .earn-ad { background: #201723 !important; }
.earn .em-bar, .earn .el-bar { background: #2a2540 !important; }
.pz-first, .pz-week, .pz-bal { background: #1a142f !important; border-color: #ffffff14 !important; }
.pz-week .pz-top li { background: #221c37 !important; }
.pz-sheet .pz-board li, .pz-sheet .pz-rules, .pz-page .pz-board li { background: #1b182f !important; }
.pz-sheet .pz-board li.me, .pz-week .pz-top li.me, .pz-page .pz-board li.me { background: #331232 !important; }
.pz-sheet .pz-mine, .pz-page .pz-mine { background: #2a1131 !important; }
.eco .eco-levels div, .eco .eco-note, .eco .eco-box { background: #151926 !important; }

/* 2) «سجل النقاط»: بدون علامة +/− (السهم يكفي) + سطور مجمّعة */
.earn-hist summary:after { content: none !important; }
.eb-x { font-style: normal; font-size: 11px; font-weight: 800; color: #ffffff8c; margin-inline-start: 4px; }

/* 3) فراغ أقل تحت آخر بطاقة قبل الشريط السفلي */
.earn { padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
.business-panel.eco { padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important; }

/* 4) «ما المشاهدة الحقيقية؟» و«التفاصيل الكاملة» بأيقونة سهم بدل الحروف ↓ ← */
.em-real summary::after { content: none !important; }
.em-real summary { display: inline-flex !important; align-items: center; gap: 4px; }
.em-real[open] summary svg { transform: rotate(180deg); }
.eco-link { display: flex !important; align-items: center; justify-content: center; gap: 6px; }

/* 5) بطاقة «راتب هذا الشهر» بنفس ستايل بطاقة الراتب: أسود + إطار ذهبي + أرقام خضراء */
.earn .earn-month { background: #07070c !important; border: 1px solid #d4a63a !important; }
.earn .em-ic { background: #d4a63a1f !important; color: #f5c84c !important; }
.earn .em-grid > div { background: #13131b !important; }
.earn .em-grid i { color: #3ee68a !important; font-style: normal; }
.earn .em-total { background: #0f1a14 !important; }
.earn .em-total b, .earn .em-total b * { color: #3ee68a !important; -webkit-text-fill-color: #3ee68a !important; background: none !important; }
.earn .em-bar i { background: linear-gradient(270deg, #3ee68a, #d4a63a) !important; }
.earn .em-real summary { color: #f5c84c !important; }

/* 6) «الكل رابح»: زر الرجوع والعنوان في سطر واحد، والمستوى 1 بدون نص أخضر طويل */
.eco-head { margin-bottom: 6px; }
.eco-head .back-btn { position: static !important; }
.eco-head h1 { margin: 0; font-size: 22px; flex: 1; }
.eco-levels em.base { color: #ffffff59 !important; }

/* 7) جوائز الأسبوع: قيمة الجائزة ظاهرة مع «يحتاج» */
.pz-need b { color: #3ee68a; font-weight: 800; }

/* 8) شارة الرسائل غير المقروءة بلون واحد في كل مكان */
.mt-badge { background: #FF2D7A !important; color: #fff !important; }

/* 9) «مهام بمكافأة»: البطاقة الخضراء — أهم طريقة ربح بعد الراتب (الأخضر لها وللراتب فقط) */
.eh-wrap .eh-tasks.money { background: #0c1f16 !important; border: 1px solid #3ee68a99 !important; }
.eh-wrap .eh-tasks.money .eh-tasks-ic { background: #3ee68a24 !important; color: #3ee68a !important; }
.eh-wrap .eh-tasks.money .eh-go { color: #3ee68a; }
.eh-wrap .eh-tasks.money small { color: #ffffffb3; }
.eh-tasks-up { display: inline-block; font-style: normal; font-size: 11px; font-weight: 800; padding: 2px 8px; margin-inline-start: 6px; border-radius: 999px; background: #3ee68a; color: #052414; vertical-align: middle; }

/* 10) إطارات البطاقات: إطار هادئ واحد للكل، واللون فقط لما يحتاج انتباهًا (عجلة/مهام جاهزة، أول سحب جاهز) */
.pzm-card.first, .pzm-card.pzm-wk { border-color: #ffffff14 !important; }
.pzm-card.first.ready { border-color: #34D399aa !important; }

/* 11) نافذة «مكافأة الدخول اليومي» — opacity/transform فقط (آمن للأجهزة الضعيفة) */
.dl-pop { position: fixed; inset: 0; z-index: 9500; display: grid; place-items: center; background: #0009; animation: dlIn .2s ease-out; }
.dl-pop.out { opacity: 0; transition: opacity .25s; }
.dl-card { width: min(300px, 84vw); padding: 20px 18px 16px; border-radius: 24px; background: #07070c; border: 1px solid #d4a63a; color: #fff; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-family: Cairo, system-ui, sans-serif; animation: dlUp .28s ease-out; }
.dl-ic { width: 52px; height: 52px; border-radius: 18px; display: grid; place-items: center; background: #ff8a3d22; color: #ff8a3d; }
.dl-card b { font-size: 15px; font-weight: 800; }
.dl-card strong { font: 800 30px Poppins, Cairo, sans-serif; color: #3ee68a; }
.dl-week { display: flex; gap: 6px; margin: 4px 0 2px; }
.dl-week i { width: 22px; height: 22px; border-radius: 50%; background: #ffffff1a; display: grid; place-items: center; color: #052414; }
.dl-week i.on { background: #d4a63a; }
.dl-week i.now { background: #3ee68a; }
.dl-card small { font-size: 12.5px; color: #ffffffb3; }
@keyframes dlIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes dlUp { from { transform: translateY(16px) scale(.96); opacity: 0; } to { transform: none; opacity: 1; } }

/* css/v51.css */
/* v51 — ملاحظات صفحة «أرباحي» + اسم المصمم السري */

/* 1) عنوان شريط تقدم الشهر */
.earn .em-day { display: block; margin-top: 6px; font-size: 11.5px; color: #ffffff8c; }

/* 4) سجل الجوائز والسحب — زر حديث */
.pz-hist.v51 {
  align-self: stretch; display: flex; align-items: center; gap: 10px;
  padding: 12px 14px; border-radius: 16px; border: 1px solid #ffffff14;
  background: #15102b; color: #fff; text-decoration: none;
  font: 700 13.5px Cairo, system-ui, sans-serif; text-align: start;
}
.pz-hist.v51 .ph-ic { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: #d4a63a1f; color: #f5c84c; flex: none; }
.pz-hist.v51 .ph-tx { flex: 1; }
.pz-hist.v51 > svg:last-child { opacity: .55; }

/* 5) شريط مستوى صانع المحتوى — لون واحد هادئ */
.earn .el-bar i { background: #d4a63a !important; }

/* 7) بطاقة اسم المصمم السرية */
.dev-secret { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; background: #000a; opacity: 0; transition: opacity .2s; }
.dev-secret.on { opacity: 1; }
.dev-secret .ds-card { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 22px; background: #15102b; border: 1px solid #d4a63a66; max-width: 86vw; }
.dev-secret img { width: 48px; height: 48px; border-radius: 14px; }
.dev-secret small { display: block; font-size: 12px; color: #f5c84c; }
.dev-secret b { display: block; font-size: 18px; color: #fff; margin: 2px 0; }
.dev-secret span { display: block; font-size: 12px; color: #ffffff8c; }

/* css/install-help-v53.css */
/* v53 — شريط «افتح في Chrome» داخل المتصفحات الداخلية (فيسبوك، تيليجرام، واتساب…) */
.iah-bar{position:fixed;z-index:60;left:12px;right:12px;top:calc(env(safe-area-inset-top) + 64px);display:flex;align-items:center;gap:10px;padding:10px;border-radius:18px;background:#15102b;border:1px solid #d4a63a66}
.iah-bar img{width:40px;height:40px;border-radius:12px;flex:none}
.iah-bar div{flex:1;min-width:0}
.iah-bar b{display:block;font-size:13.5px;color:#fff}
.iah-bar small{display:block;font-size:11.5px;color:#ffffff99;margin-top:2px}
.iah-go{flex:none;padding:9px 16px;border:0;border-radius:12px;background:#3ee68a;color:#06210f;font:800 13px Cairo,system-ui,sans-serif}
.iah-x{flex:none;width:30px;height:30px;border:0;border-radius:10px;background:#ffffff12;color:#fff;font-size:18px;line-height:1}
.iah-toast{position:fixed;z-index:70;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 90px);padding:12px 14px;border-radius:14px;background:#15102b;border:1px solid #ffffff22;color:#fff;font:700 13px Cairo,system-ui,sans-serif;text-align:center}

/* css/live-pro-v54.css */
/* v54 — البث المباشر الاحترافي */
.jlive .lv-live{gap:6px}
.jlive .lv-dur{font:800 11px/1 system-ui,sans-serif;letter-spacing:.3px;margin-inline-start:2px;padding:3px 6px;border-radius:8px;background:#00000040;font-variant-numeric:tabular-nums}

/* جودة الاتصال */
.lv-q{height:26px;padding:0 9px;border-radius:13px;display:inline-flex;align-items:center;gap:5px;background:#00000066;font:800 11px Cairo,system-ui,sans-serif;color:#3ee68a}
.lv-q[data-q="1"]{color:#f5c84c}.lv-q[data-q="0"]{color:#ff5470}
.lv-q.hidden{display:none}

/* مقياس المايك */
.lv-meter{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:13px;background:#00000066;color:#3ee68a}
.lv-meter span{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.lv-meter i{width:3px;border-radius:2px;background:#ffffff40;height:4px;transition:height .08s,background .08s}
.lv-meter i:nth-child(2){height:6px}.lv-meter i:nth-child(3){height:8px}.lv-meter i:nth-child(4){height:10px}.lv-meter i:nth-child(n+5){height:12px}
.lv-meter i.on{background:#3ee68a}
.lv-meter.off{color:#ff5470}.lv-meter.off i{background:#ffffff26}
.ls-card .lv-meter{align-self:flex-start;margin-top:4px;background:#ffffff12}
.ls-card .lv-meter::after{content:'اختبر صوتك — تتحرك الأشرطة عندما تتكلم';font:700 11px Cairo,system-ui,sans-serif;color:#ffffffaa}

/* أزرار حديثة */
.jlive .lv-btn,.jlive .lv-gift{display:grid;place-items:center;color:#fff}
.jlive .lv-btn.off{background:#ff547033!important;color:#ff8096}
.jlive .lv-gift{background:linear-gradient(135deg,#f5c84c,#ff2d7a)!important}
.jlive .lv-rose{color:#ff5c8a}
.jlive .lv-send{display:grid;place-items:center;transform:none!important;color:#fff}
.jlive .lv-send svg{transform:scaleX(-1)}
.jlive .lv-emo{display:grid;place-items:center}
.jlive .lv-follow{display:inline-flex;align-items:center;gap:4px}
.jlive .lv-who small svg{vertical-align:-1px;color:#ff5c8a}

/* «اضغط لتشغيل الصوت» */
.lv-tapsound{position:absolute;z-index:6;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:28px;background:#000000b3;border:1px solid #ffffff33;color:#fff;font:800 14px Cairo,system-ui,sans-serif;animation:lvPulse 1.6s ease-in-out infinite}
.lv-tapsound.hidden{display:none}
@keyframes lvPulse{0%,100%{box-shadow:0 0 0 0 #ffffff33}50%{box-shadow:0 0 0 10px #ffffff00}}

/* الكاميرا مطفأة عند المذيع */
.jlive.cam-off .lv-video{opacity:0}
.jlive.cam-off::before{content:'الكاميرا مطفأة';position:absolute;inset:0;display:grid;place-items:center;color:#ffffff99;font:800 15px Cairo,system-ui,sans-serif;background:#0b0918}
.lv-guest-audio{display:none}

/* شريط الأدوات الجانبي */
.lv-rail{position:absolute;z-index:4;left:10px;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}
.lv-rail .lv-btn{width:44px;height:44px;border-radius:22px;background:#00000073;border:1px solid #ffffff1a}
.jlive .lv-foot .lv-input{flex:1;min-width:0}

/* v56: زر الخروج الواضح */
.jlive .lv-x.lv-exit{width:auto!important;height:34px!important;padding:0 12px!important;border-radius:17px!important;display:inline-flex;align-items:center;gap:6px;background:#e11d48!important;color:#fff;font:800 13px Cairo,system-ui,sans-serif}
.jlive.is-viewer .lv-x.lv-exit{background:#00000080!important;border:1px solid #ffffff33!important}
/* v56: نافذة التأكيد */
.lv-ask{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#000a}
.lv-ask .la-card{width:min(300px,84vw);padding:20px;border-radius:22px;background:#15102b;border:1px solid #ffffff1f;text-align:center}
.lv-ask b{display:block;color:#fff;font:800 16px Cairo,system-ui,sans-serif;margin-bottom:16px}
.lv-ask .la-btns{display:flex;gap:10px}
.lv-ask button{flex:1;height:44px;border-radius:14px;font:800 14px Cairo,system-ui,sans-serif;color:#fff}
.lv-ask .la-yes{background:#e11d48}.lv-ask .la-no{background:#ffffff1a}
/* v56: شريط الإيموجي فوق مكان الكتابة بدون تداخل */
.jlive .lv-emojis{z-index:6;bottom:calc(76px + env(safe-area-inset-bottom))}
.jlive:has(.lv-emojis:not(.hidden)) .lv-rail{opacity:0;pointer-events:none}
.jlive:has(.lv-emojis:not(.hidden)) .lv-chat{bottom:calc(140px + env(safe-area-inset-bottom))}
/* v56: مقياس المايك بحجمه فقط */
.lv-row2l .lv-meter{flex:none;width:auto}

.lv-row2l .lv-meter{flex:0 0 auto!important;width:auto!important;max-width:96px}

/* css/live-plus-v57.css */
/* v57 — البث الكامل: هدايا، كومبو، مشاهدون، هدف */
/* تأثير الهدية الكبيرة */
.lvx-gift{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;animation:lvxIn .45s cubic-bezier(.2,1.4,.4,1) both}
.lvx-gift.out{animation:lvxOut .35s ease-in both}
.lvx-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#f5c84c55,transparent 65%)}
.lvx-gift.lux .lvx-glow{background:radial-gradient(circle,#ff2d7a66,transparent 65%)}
.lvx-gift.legend .lvx-glow{width:360px;height:360px;background:radial-gradient(circle,#8b5cf688,#22d3ee33 45%,transparent 70%)}
.lvx-rays{position:absolute;width:420px;height:420px;background:repeating-conic-gradient(#ffffff14 0 8deg,transparent 8deg 22deg);border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%);animation:lvxSpin 6s linear infinite}
.lvx-ic{position:relative;font-size:110px;line-height:1;animation:lvxBob 1.2s ease-in-out infinite}
.lvx-ic img{width:150px;height:150px;object-fit:contain}
.lvx-gift.legend .lvx-ic{font-size:140px}.lvx-gift.legend .lvx-ic img{width:190px;height:190px}
.lvx-tx{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 18px;border-radius:20px;background:#000000a6;border:1px solid #f5c84c66}
.lvx-tx b{font:800 15px Cairo,system-ui,sans-serif;color:#f5c84c}.lvx-tx span{font:700 13px Cairo,system-ui,sans-serif;color:#fff}
@keyframes lvxIn{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes lvxOut{to{opacity:0;transform:scale(1.15)}}
@keyframes lvxSpin{to{transform:rotate(360deg)}}
@keyframes lvxBob{50%{transform:translateY(-8px) scale(1.04)}}

/* نافذة الهدايا */
.lvx-picker{max-height:72vh;display:flex;flex-direction:column}
.lvx-picker .lvx-bal{display:inline-flex;align-items:center;gap:5px;color:#ffffffcc}.lvx-picker .lvx-bal b{color:#f5c84c}
.lvx-picker .lvx-bal.low{color:#ff8096}
.lvx-picker .lvx-close{display:grid;place-items:center}
.lvx-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px;flex:none}
.lvx-cats button{flex:none;height:32px;padding:0 14px;border-radius:16px;background:#ffffff12;font:700 12.5px Cairo,system-ui,sans-serif}
.lvx-cats button.on{background:#ff2d7a}
.lvx-gs{overflow-y:auto;min-height:0;flex:1;padding-bottom:4px}
.lvx-gs button{border:1.5px solid transparent!important}
.lvx-gs button.on{border-color:#f5c84c!important;background:#f5c84c1f}
.lvx-gs button.lux em{color:#ff8db4}
.lvx-foot{display:flex;align-items:center;gap:8px;margin-top:10px;flex:none}
.lvx-q{display:flex;gap:5px}
.lvx-q button{height:38px;padding:0 10px;border-radius:12px;background:#ffffff12;font:800 12px system-ui,sans-serif}
.lvx-q button.on{background:#f5c84c;color:#1a1300}
.lvx-send{flex:1;height:42px;border-radius:14px;background:linear-gradient(135deg,#f5c84c,#ff2d7a);font:800 14px Cairo,system-ui,sans-serif;color:#fff}
.lvx-send:disabled{background:#ffffff14;color:#ffffff80}
.lvx-earn{margin-top:10px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:12px;background:#3ee68a1a;color:#3ee68a;font:700 12.5px Cairo,system-ui,sans-serif}

/* كومبو */
.lvx-combo{position:absolute;z-index:7;left:66px;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;height:52px;padding:0 14px 0 8px;border-radius:26px;background:linear-gradient(135deg,#f5c84c,#ff2d7a);color:#fff;font:800 14px Cairo,system-ui,sans-serif;overflow:hidden;animation:lvxIn .3s both}
.lvx-cic{font-size:28px;line-height:1}.lvx-cic img{width:34px;height:34px}
.lvx-combo i{position:absolute;left:0;bottom:0;height:3px;background:#fff;width:100%;animation:lvxTimer 5s linear forwards}
@keyframes lvxTimer{to{width:0}}

/* المشاهدون */
.lvx-viewers .lvx-close{display:grid;place-items:center}
.lvx-vl{max-height:52vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.lvx-v{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#ffffff0a}
.lvx-v img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.lvx-v b{flex:1;font:700 14px Cairo,system-ui,sans-serif}
.lvx-v button{height:30px;padding:0 12px;border-radius:15px;background:#e11d4833;color:#ff8096;font:800 12px Cairo,system-ui,sans-serif}
.jlive .lv-viewers{cursor:pointer}

/* هدف البث */
.lvx-goal{position:absolute;z-index:3;right:12px;top:calc(150px + env(safe-area-inset-top));display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:14px;background:#00000080;color:#f5c84c;font:700 11.5px Cairo,system-ui,sans-serif}
.lvx-gb{width:70px;height:5px;border-radius:3px;background:#ffffff26;overflow:hidden}.lvx-gb i{display:block;height:100%;width:0;background:#f5c84c;transition:width .5s}
.lvx-goal b{color:#fff;font:800 11px system-ui,sans-serif}
.lvx-goal.done{color:#3ee68a}.lvx-goal.done i{background:#3ee68a}
.lvx-goaldone{position:absolute;z-index:9;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 26px;border-radius:24px;background:#15102bf2;border:1px solid #3ee68a88;color:#3ee68a;animation:lvxIn .4s both}
.lvx-goaldone b{color:#fff;font:800 16px Cairo,system-ui,sans-serif}
.ls-goal button{min-width:58px}
.jlive .lv-picker{z-index:10}
.lvx-send{white-space:nowrap;font-size:13.5px!important}
.jlive .lvx-earn{display:flex!important;flex-direction:row!important;white-space:nowrap}

/* v63: اختيار المُهدى إليه */
.lvx-to{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px;flex:none;padding:2px 0}
.lvx-to>span{flex:none;font:700 12px Cairo,system-ui,sans-serif;color:#ffffffa6}
.lvx-to button{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;width:58px;padding:4px 0;border-radius:14px;border:1.5px solid transparent!important;background:none}
.lvx-to img,.lvx-all svg{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ffffff26}
.lvx-all svg{padding:9px;background:#ffffff12}
.lvx-to small{font:700 10.5px Cairo,system-ui,sans-serif;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lvx-to button.on{border-color:#f5c84c!important;background:#f5c84c1a}
.lvx-to button.on img,.lvx-to button.on svg{border-color:#f5c84c}
.lvx-to-n{font-style:normal;color:#f5c84c;font-weight:800}

/* css/rooms-v58.css */
/* v58 — الرومات الحديثة */
/* القائمة */
.rm-list{display:flex;flex-direction:column;gap:12px;padding:4px 0 90px}
.rm-hero{display:flex;align-items:center;gap:12px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#2a1660,#120a2c);border:1px solid #ffffff14}
.rm-hero div{flex:1}.rm-hero h3{margin:0;font-size:19px}.rm-hero small{color:#ffffffa6;font-size:12px}
.rm-create{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-radius:21px;background:linear-gradient(135deg,#ff2d7a,#8b5cf6);font:800 13.5px Cairo,system-ui,sans-serif;color:#fff;white-space:nowrap}
.rm-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.rm-cats button{flex:none;height:32px;padding:0 14px;border-radius:16px;background:#ffffff10;font:700 12.5px Cairo,system-ui,sans-serif}
.rm-cats button.on{background:#ff2d7a;color:#fff}
.rm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rm-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 12px;border-radius:20px;background:linear-gradient(160deg,var(--a),var(--b));border:1px solid #ffffff14;text-align:center;overflow:hidden}
.rm-card>img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid #ffffff40;margin-top:10px}
.rm-card b{font:800 14px Cairo,system-ui,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rm-card small{font-size:11.5px;color:#ffffffa6}
.rm-live{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;background:#00000066;font:800 11px system-ui,sans-serif}
.rm-live i{width:6px;height:6px;border-radius:3px;background:#3ee68a;animation:camBlink 1.2s infinite}
.rm-seats{display:flex}
.rm-card .rm-seats img{width:22px;height:22px;border-radius:50%;border:1.5px solid #1a1040;margin-inline-start:-6px;object-fit:cover}
.rm-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 16px;text-align:center;color:#ffffffa6;border-radius:20px;background:#ffffff08}
.rm-empty h4{margin:6px 0 0;color:#fff;font-size:15px}.rm-empty p{margin:0;font-size:12.5px}

/* نافذة الإنشاء */
.rm-sheet{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-end;background:#000a}
.rm-sh{width:100%;max-height:90vh;overflow-y:auto;padding:16px 16px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#13102a;display:flex;flex-direction:column;gap:14px}
.rm-sh-h{display:flex;align-items:center;justify-content:space-between}.rm-sh-h b{font-size:17px}
.rm-x{width:38px;height:38px;border-radius:19px;background:#ffffff12;display:grid;place-items:center}
.rm-f{display:flex;flex-direction:column;gap:7px}.rm-f>span{font-size:12.5px;color:#ffffffb3}
.rm-f input{height:46px;border-radius:14px;border:1px solid #ffffff1f;background:#ffffff0a;color:#fff;padding:0 14px;font:600 14px Cairo,system-ui,sans-serif}
.rm-chips{display:flex;flex-wrap:wrap;gap:6px}
.rm-chips button{height:34px;padding:0 14px;border-radius:17px;background:#ffffff10;font:700 12.5px Cairo,system-ui,sans-serif}
.rm-chips button.on{background:#ff2d7a;color:#fff}
.rm-themes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.rm-themes button{height:54px;border-radius:14px;background:linear-gradient(160deg,var(--a),var(--b));border:2px solid transparent;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}
.rm-themes button.on{border-color:#f5c84c}.rm-themes small{font-size:10.5px}
.rm-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#ffffff08}.rm-row div{flex:1}.rm-row b{display:block;font-size:14px}.rm-row small{font-size:11.5px;color:#ffffff99}
.rm-go{height:50px;border-radius:16px;background:linear-gradient(135deg,#ff2d7a,#8b5cf6);display:flex;align-items:center;justify-content:center;gap:8px;font:800 15px Cairo,system-ui,sans-serif;color:#fff}

/* الغرفة */
.vroom{position:fixed;inset:0;z-index:1100;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,var(--a,#1a1145),var(--b,#06050f) 70%);color:#fff;padding-top:env(safe-area-inset-top)}
.vroom.min{display:none}
.rm-wait{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.rm-wait i{width:44px;height:44px;border-radius:50%;border:4px solid #ffffff26;border-top-color:#ff2d7a;animation:lvSpin 1s linear infinite}
.rm-top{display:flex;align-items:center;gap:8px;padding:10px 12px}
.rm-min,.rm-ic{width:38px;height:38px;border-radius:19px;background:#ffffff14;display:grid;place-items:center;flex:none}
.rm-title{flex:1;min-width:0}.rm-title b{display:block;font:800 15px Cairo,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-title small{font-size:11px;color:#ffffffa6}.rm-on{display:inline-flex;align-items:center;gap:3px;color:#3ee68a}
.rm-exit{flex:none;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:17px;background:#e11d48;font:800 12.5px Cairo,system-ui,sans-serif;color:#fff}
.rm-notice{margin:0 12px;padding:7px 12px;border-radius:12px;background:#ffffff10;font-size:12px;color:#f5c84c;overflow:hidden;white-space:nowrap}
.rm-notice span{display:inline-block;animation:rmMarq 14s linear infinite}
@keyframes rmMarq{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.rm-seats{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 10px 8px}
.rm-sg{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 6px}
.rm-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.rm-av{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1.5px solid #ffffff26}
.rm-seat.big .rm-av{width:76px;height:76px;border-color:#f5c84c}
.rm-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.rm-seat.rm-free .rm-av{border-style:dashed;color:#ffffff80}
.rm-seat.locked .rm-av{color:#f5c84c99}
.rm-seat small{max-width:76px;font:700 11px Cairo,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffcc;display:flex;align-items:center;gap:2px}
.rm-crown{color:#f5c84c;display:inline-flex}
.rm-ring{position:absolute;top:-4px;width:66px;height:66px;border-radius:50%;border:2.5px solid #3ee68a;opacity:0;pointer-events:none}
.rm-seat.big .rm-ring{width:84px;height:84px}
.rm-seat.spk .rm-ring{opacity:1;animation:rmSpk .9s ease-out infinite}
@keyframes rmSpk{0%{transform:scale(.95);opacity:1}100%{transform:scale(1.18);opacity:0}}
.rm-mo{position:absolute;bottom:-2px;left:-2px;width:20px;height:20px;border-radius:10px;background:#e11d48;display:grid;place-items:center;color:#fff}
.rm-pts{display:inline-flex;align-items:center;gap:2px;height:16px;padding:0 6px;border-radius:8px;background:#ff2d7a33;color:#ff8db4;font:800 9.5px system-ui,sans-serif;font-style:normal}
.rm-pop{position:absolute;font-size:30px;font-style:normal;animation:rmPop 1.6s ease-out forwards;pointer-events:none}
@keyframes rmPop{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.3);opacity:1}100%{transform:translateY(-40px) scale(1);opacity:0}}
.rm-chat{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px 12px;-webkit-mask-image:linear-gradient(transparent,#000 14%);mask-image:linear-gradient(transparent,#000 14%)}
.rm-msg{display:flex;align-items:flex-start;gap:8px;max-width:88%}
.rm-msg img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}
.rm-msg div{padding:6px 10px;border-radius:14px;background:#00000059}
.rm-msg small{display:block;font:700 11px Cairo,system-ui,sans-serif;color:#67e8f9}.rm-msg span{font-size:13px}
.rm-msg.me small{color:#f9a8d4}
.rm-msg.ev,.rm-msg.gift{align-self:flex-start}
.rm-in-ev{font-size:12px;color:#ffffffa6;padding:4px 10px;border-radius:12px;background:#ffffff0d}
.rm-gl{font:700 12.5px Cairo,system-ui,sans-serif;color:#f5c84c;padding:5px 10px;border-radius:12px;background:#f5c84c1a}
.rm-react{display:flex;justify-content:space-around;margin:0 10px 6px;padding:6px;border-radius:20px;background:#13102ae6}
.rm-react button{font-size:24px;width:38px;height:38px}
.rm-foot{display:flex;align-items:center;gap:8px;padding:8px 10px calc(10px + env(safe-area-inset-bottom))}
.rm-in{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:44px;padding:0 4px 0 12px;border-radius:22px;background:#00000066;border:1px solid #ffffff1a}
.rm-in input{flex:1;min-width:0;background:none;border:0;color:#fff;font:600 13.5px Cairo,system-ui,sans-serif;outline:none}
.rm-send{width:36px;height:36px;border-radius:18px;background:linear-gradient(135deg,#ff2d7a,#8b5cf6);display:grid;place-items:center}.rm-send svg{transform:scaleX(-1)}
.rm-fb{display:flex;gap:6px}
.rm-b{position:relative;width:44px;height:44px;border-radius:22px;background:#ffffff14;display:grid;place-items:center;flex:none}
.rm-b.off{background:#e11d4833;color:#ff8096}
.rm-b.on{background:#f5c84c33;color:#f5c84c}
.rm-gift{background:linear-gradient(135deg,#f5c84c,#ff2d7a)!important}
.rm-b em{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:#e11d48;font:800 10px system-ui,sans-serif;font-style:normal;display:grid;place-items:center}
/* قوائم */
.rm-menu{position:absolute;inset:0;z-index:12;display:flex;align-items:flex-end;background:#0009}
.rm-mcard{width:100%;padding:14px 14px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#13102a;display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto}
.rm-mh{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0 8px}
.rm-mh img{width:56px;height:56px;border-radius:50%;object-fit:cover}.rm-mh b{font-size:15px}.rm-mh small{color:#ff8db4;display:inline-flex;gap:3px;align-items:center}
.rm-mcard>button{height:46px;border-radius:14px;background:#ffffff0d;font:700 14px Cairo,system-ui,sans-serif}
.rm-mcard>button.danger{color:#ff8096}
.rm-mcard>button.rm-cancel{background:none;color:#ffffff99}
.rm-req{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:#ffffff0a}
.rm-req img{width:36px;height:36px;border-radius:50%}.rm-req b{flex:1;font-size:14px}
.rm-req button{height:32px;padding:0 14px;border-radius:16px;background:#3ee68a;color:#06210f;font:800 12.5px Cairo,system-ui,sans-serif}
.rm-req button.no{background:#ffffff14;color:#fff}
/* الفقاعة العائمة */
.rm-bubble{position:fixed;z-index:1150;left:14px;bottom:calc(90px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;padding:0;border:2px solid #3ee68a;background:#13102a;box-shadow:0 0 0 0 #3ee68a66;animation:rmBub 1.8s infinite}
.rm-bubble img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.rm-bubble i{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:7px;background:#3ee68a;border:2px solid #13102a}
@keyframes rmBub{70%{box-shadow:0 0 0 12px #3ee68a00}}
.rm-audio{display:none}
.vroom .lvx-picker{z-index:12}

.rm-chat{padding-top:14px}
.rm-msg.ev{max-width:100%}
.rm-in-ev{display:inline-block;font:600 12px Cairo,system-ui,sans-serif}
.rm-sg{align-items:start}.rm-seat{justify-content:flex-start;padding:0;height:auto}.rm-chat{margin-top:6px}
/* v62: الدردشة تبدأ من الأسفل فوق مكان الكتابة مثل باقي التطبيقات */
.rm-chat>:first-child{margin-top:auto}

/* v63: شريط الهدايا */
.rm-gifts{position:absolute;z-index:6;right:10px;top:42%;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.rm-gb{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:24px;background:linear-gradient(90deg,#ff2d7acc,#8b5cf6aa);animation:rmGb .35s cubic-bezier(.2,1.4,.4,1) both}
.rm-gb img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.rm-gb b{display:block;font:800 12px Cairo,system-ui,sans-serif}.rm-gb small{font-size:11px;color:#ffffffd9}.rm-gb em{font-style:normal;color:#ffe08a;font-weight:800}
.rm-gi{font-size:26px;line-height:1}.rm-gi img{width:34px;height:34px;border-radius:0;object-fit:contain}
.rm-gb i{font:900 16px system-ui,sans-serif;font-style:italic;color:#ffe08a}
@keyframes rmGb{from{transform:translateX(60px);opacity:0}to{transform:none;opacity:1}}

/* css/live-badge-v61.css */
/* v61: شارة «مباشر» */
.nav-live{position:relative}
.nav-live.has:after{content:none!important}
.nav-live.lb-on span,.nav-live.lb-on svg{color:#ff2d7a!important;animation:lbPulse 1.4s ease-in-out infinite}
.nav-live.lb-on small{color:#ff2d7a!important;font-weight:800}
.lb-dot{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e11d48;color:#fff;font:800 10.5px/18px system-ui,sans-serif;font-style:normal;text-align:center;border:2px solid #0b0918;box-shadow:0 0 0 0 #e11d4899;animation:lbRing 1.4s ease-out infinite}
@keyframes lbPulse{50%{transform:scale(1.12)}}
@keyframes lbRing{0%{box-shadow:0 0 0 0 #e11d4899}100%{box-shadow:0 0 0 8px #e11d4800}}

/* css/v64.css */
/* v64: الرسائل والتأكيد فوق الرومات والبث دائمًا */
.toast{z-index:13000!important}
.lv-ask{position:fixed!important;z-index:12500!important}

/* css/admin-only-v77.css */
/* v77: لوحة الأدمن منفصلة عن التطبيق — تُفتح من jokt.app/admin بدون الشريط السفلي ولا عناصر التطبيق العائمة */
body.adm-only .bottom-nav { display: none !important; }

/* css/payout-low-v80.css */
/* v80: طرق السحب التي لا يكفيها الرصيد تظهر باهتة وواضحة — في سحب الجوائز وسحب الأرباح */
.pz-methods button.pz-low, .po-methods button.low { opacity: .45; filter: grayscale(.6); }
.pz-methods button.pz-low small, .po-methods button.low .po-min { color: #F59E0B; }

/* css/share-sheet-v82.css */
/* v82: نافذة المشاركة الموحّدة — فوق البث والغرف أيضًا */
.ss82{position:fixed;inset:0;z-index:12000}
.ss82-bg{position:absolute;inset:0;background:#000a}
.ss82-sheet{position:absolute;bottom:0;left:0;right:0;max-height:80vh;overflow:auto;background:#121626;border-radius:24px 24px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));color:#fff;font-family:Cairo,system-ui,sans-serif}
.ss82-grab{width:40px;height:4px;border-radius:4px;background:#ffffff33;margin:0 auto 10px}
.ss82-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.ss82-head b{font-size:17px}
.ss82-x{width:36px;height:36px;border-radius:50%;background:#ffffff12;color:#fff;display:grid;place-items:center;border:0}
.ss82-lbl{margin:12px 0 8px;font-size:13px;color:#ffffffa0;font-weight:700}
.ss82-search{width:100%;height:42px;border-radius:21px;border:1px solid #ffffff1a;background:#ffffff0d;color:#fff;padding:0 16px;font:inherit;outline:none}
.ss82-people{max-height:38vh;overflow:auto;margin-top:6px}
.ss82-p{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid #ffffff0d}
.ss82-p img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}
.ss82-p div{flex:1;min-width:0}
.ss82-p b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss82-p small{display:block;font-size:11px;color:#ffffff80;text-align:right}
.ss82-p button{height:34px;padding:0 16px;border-radius:17px;border:0;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff;font:800 13px Cairo,system-ui,sans-serif;white-space:nowrap}
.ss82-p button.done{background:#ffffff14;color:#22C55E}
.ss82-note{font-size:13px;color:#ffffff90;text-align:center;padding:14px 0}
.ss82-out{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ss82-o{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none;background:none;border:0;font:inherit}
.ss82-o span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ffffff12}
.ss82-o.wa span{background:#25D366}
.ss82-o.tg span{background:#229ED9}
.ss82-o small{font-size:11.5px;color:#ffffffc0}
/* زر «ادعُ متابعيك» في ضيوف البث: الأيقونة بجانب النص وليس فوقه */
.lg-invite{display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:6px;width:auto!important;min-width:max-content;white-space:nowrap;padding:0 18px!important;height:40px!important}
.lg-invite svg{flex-shrink:0}
.dm-link82{color:#7dd3fc;text-decoration:underline;word-break:break-all}

/* css/withdraw-now-v84.css */
/* v84: بطاقة «السحب» أعلى صفحة «اربح» */
.wn84{margin:12px 0;padding:14px;border-radius:18px;background:#0f1a14;border:1px solid #22C55E40}
.wn84-top{display:flex;align-items:center;gap:10px}
.wn84-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#22C55E1f;color:#22C55E;flex-shrink:0}
.wn84-top div{flex:1;min-width:0}
.wn84-top small{display:block;font-size:12px;color:#ffffffa0}
.wn84-top b{display:block;font-size:22px;font-weight:800;color:#22C55E;line-height:1.3}
.wn84-go{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-radius:21px;border:0;background:#22C55E;color:#04140a;font:800 14px Cairo,system-ui,sans-serif;white-space:nowrap}
.wn84-go:disabled{background:#ffffff14;color:#ffffff70}
.wn84-bar{height:6px;border-radius:6px;background:#ffffff14;margin-top:12px;overflow:hidden}
.wn84-bar i{display:block;height:100%;background:#22C55E;border-radius:6px}
.wn84-msg{margin:8px 0 0;font-size:12.5px;color:#ffffffb0}
.wn84-msg.ok{color:#22C55E;font-weight:700}

/* css/notes-v98.css */
/* v98 — ملاحظات الصور (7 نوفمبر 2026) — ملف مستقل: لحذفه احذف هذا الملف وسطره في index.html */

/* شريط التنقل: «بث مباشر» في سطر واحد حتى على الشاشات الصغيرة */
.nav-item small{white-space:nowrap}
@media (max-width:340px){.nav-live small{font-size:9px;letter-spacing:-.2px}}

/* الشاشة الرئيسية: زر الصوت أبعد قليلًا عن الشعار */
.video-card .mute-btn{margin-top:8px}
/* الشاشة الرئيسية: مسافة أوضح بين معلومات المنشور وشريط التنقل */
.video-card .video-info{padding-bottom:6px}
.video-card .vmeta .vnew{color:#5EEAD4;font-weight:700}

/* الرسائل: زر «محادثة جديدة» لا يغطي آخر محادثة، والصف الأخير لا يختفي تحت شريط التنقل */
.dm-rows{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.msg-list .msg-note.dm-none{margin-bottom:150px}

/* css/comments-v98.css */
/* v98 — قسم التعليقات المطوَّر (يتبع js/comments-v98.js و js/reactions-v98.js) — خفيف على الهواتف الضعيفة: بلا blur وبلا ظلال ثقيلة */

/* العنوان + الترتيب */
.sheet h3.c98-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-inline-end:34px}
.c98-sort{margin-inline-start:auto;display:inline-flex;background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:3px}
.c98-sort button{font-weight:700;font-size:12px;font-family:inherit;color:#ffffffa6;padding:5px 12px;border-radius:16px;background:none;border:0}
.c98-sort button.on{background:#ffffff1f;color:#fff}

/* الصف */
.comment-list .c98{display:flex;align-items:flex-start;gap:11px;padding:12px 2px;border-bottom:0;cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:background .15s;border-radius:14px}
.comment-list .c98 .c-av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;background:#ffffff14}
.c98-body{flex:1;min-width:0}
.c98-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#ffffffcc;margin:0}
.c98-owner{font-style:normal;font-size:10px;font-weight:800;color:#fff;background:linear-gradient(100deg,#FF2D7A,#8B5CF6);padding:1px 7px;border-radius:8px;line-height:1.6}
.c98-text{margin:3px 0 0;font-size:14.5px!important;line-height:1.65!important;color:#fff;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.c98-meta{display:flex;align-items:center;gap:16px;margin-top:6px;font-size:12px;color:#ffffff80}
.c98-meta time{font-family:inherit}
.c98-replybtn.c-reply{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#ffffffcc;background:#ffffff12;border:0;padding:5px 12px 5px 10px;border-radius:14px;margin:0;min-height:28px}
.c98-replybtn.c-reply:active{background:#ffffff26}

/* إعجاب */
.c98-like.c-like{margin-inline-start:auto;flex:none;min-width:40px;min-height:44px;padding:6px 2px;color:#ffffff8c}
.c98-like.c-like i{font:700 11px Poppins,sans-serif;min-height:13px}
.c98-like.on{color:#FF2D7A}
.c98-like.on svg path{fill:currentColor}
.c98-like.pop svg,.c98-emo button.pop svg{animation:c98pop .32s ease-out}
@keyframes c98pop{40%{transform:scale(1.3)}}

/* المثبّت */
.c98-pinned{background:#ffffff0a;padding:12px 10px!important;margin-bottom:4px}
.c98-pintag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#FBBF24;margin-bottom:3px}

/* الردود */
.c98-thread{border-bottom:1px solid #ffffff0d;padding-bottom:4px}
.c98-thread:last-child{border-bottom:0}
.c98-kids{padding-inline-start:49px}
.comment-list .c98-sub{padding:9px 0}
.comment-list .c98-sub .c-av{width:28px;height:28px}
.c98-sub .c98-text{font-size:14px!important}
.c98-more{display:flex;align-items:center;gap:8px;margin:0 49px 8px 0;padding:4px 0;font-weight:700;font-size:12.5px;font-family:inherit;color:#ffffff99;background:none;border:0}
.c98-more i{width:22px;height:1px;background:#ffffff40}
.c98-more svg{transition:transform .2s}
.c98-more.open svg{transform:rotate(180deg)}

/* فارغ */
.c98-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:34px 0 26px;color:#ffffff80;text-align:center}
.c98-empty span{color:#ffffff40}
.c98-empty b{color:#fff;font-size:15px}
.c98-empty small{font-size:12px}

/* «الرد على …» فوق خانة الكتابة */
.c98-replying{display:flex;align-items:center;justify-content:space-between;margin:8px -18px -14px;padding:8px 18px;background:#ffffff0d;font-size:12.5px;color:#ffffffb3}
.c98-replying b{color:#fff}
.c98-replying button{width:28px;height:28px;border-radius:50%;background:#ffffff14;color:#fff;font-size:18px;line-height:1;border:0}

/* شريط التفاعل السريع (أيقونات حديثة) */
.c98-emo.c-emo{justify-content:space-between;padding:8px 2px}
.c98-emo button{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:none;border:0}
.c98-emo button:active{background:#ffffff14}
.c98-emo svg{display:block}

/* قائمة الضغطة المطوّلة */
.c98-held{background:#ffffff14!important}
.c98-menu{position:fixed;inset:0;z-index:60;background:#000000a6;display:flex;align-items:flex-end;animation:fade .15s}
.c98-menu-card{width:100%;background:#1b1240;border-radius:22px 22px 0 0;padding:14px 14px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;animation:rise .2s}
.c98-menu-q{margin:2px 6px 10px;font-size:12.5px!important;color:#ffffff99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c98-menu-card button{width:100%;display:flex;align-items:center;gap:14px;padding:14px 10px;font-weight:600;font-size:15px;font-family:inherit;color:#fff;background:none;border:0;border-radius:12px;text-align:start}
.c98-menu-card button:active{background:#ffffff12}
.c98-menu-card button.danger{color:#FB7185}

/* css/points-transfer-v99.css */
/* v99 — صفحة «طلب النقاط» (js/points-transfer-v99.js) — بلا blur وبلا ظلال ثقيلة (خفيفة على الهواتف الضعيفة) */
.pt99{padding:calc(66px + env(safe-area-inset-top)) 14px 130px;direction:rtl;color:#fff;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.pt99-head{display:flex;align-items:center;gap:10px}
.pt99-head h2{margin:0;font-size:21px}
.pt99-head small{color:#ffffff99;font-size:12px}
.pt99-back{width:40px;height:40px;border-radius:12px;background:#ffffff12;color:#fff;display:grid;place-items:center;border:0;flex:none}
.pt99-how{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:14px 12px}
.pt99-how div{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;text-align:center}
.pt99-how span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff}
.pt99-how b{font-size:12px;font-weight:700}
.pt99-how>i{flex:0 0 18px;height:2px;background:#ffffff2e;border-radius:2px;margin-bottom:20px}
.pt99-fee{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:12px;line-height:1.7;color:#ffffffb3}
.pt99-fee svg{flex:none;margin-top:3px}
.pt99-body{display:flex;flex-direction:column;gap:10px}
.pt99-h{display:flex;align-items:center;gap:8px;margin:10px 2px 0;font-size:15px}
.pt99-h em{font-style:normal;font-size:11px;background:#FF2D7A;color:#fff;border-radius:10px;padding:1px 8px}
.pt99-load{text-align:center;color:#ffffff80;font-size:13px;margin:8px 0}

/* طلب وارد */
.pt99-card{background:#ffffff0f;border:1px solid #FF2D7A55;border-radius:18px;padding:14px}
.pt99-card>img,.pt99-row>img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#ffffff14;float:right;margin-inline-end:10px}
.pt99-card>div,.pt99-row>div{overflow:hidden}
.pt99-card b,.pt99-row b{display:block;font-size:14px}
.pt99-card small,.pt99-row small{color:#ffffffb3;font-size:12.5px}
.pt99-card strong{color:#FBBF24}
.pt99-card p{clear:both;margin:10px 0 0;font-size:13px;color:#ffffffcc;background:#ffffff0a;border-radius:10px;padding:8px 10px}
.pt99-btns{clear:both;display:flex;gap:8px;margin-top:12px}
.pt99-btns button{flex:1}
.pt99-yes,.pt99-no,.pt99-send{height:44px;border-radius:14px;border:0;font-weight:800;font-size:14px;font-family:inherit}
.pt99-yes,.pt99-send{background:linear-gradient(100deg,#FF2D7A,#8B5CF6);color:#fff}
.pt99-no{background:#ffffff14;color:#fff}
.pt99-yes:disabled,.pt99-send:disabled{opacity:.45}

/* نموذج الطلب */
.pt99-ask{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px}
.pt99-ask .pt99-h{margin:0}
.pt99-search{display:flex;align-items:center;gap:8px;background:#ffffff12;border-radius:14px;padding:0 12px;color:#ffffff99}
.pt99-search input{flex:1;height:46px;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:14px}
.pt99-results{display:flex;flex-direction:column;gap:4px}
.pt99-u{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#ffffff0a;border:0;color:#fff;font:inherit;text-align:start}
.pt99-u img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.pt99-u b{display:block;font-size:13.5px}
.pt99-u small{color:#ffffff80;font-size:11px}
.pt99-form{display:flex;flex-direction:column;gap:10px}
.pt99-form.hidden{display:none}
.pt99-to{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:14px;padding:8px 10px;font-size:13px}
.pt99-to img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.pt99-to span{flex:1}
.pt99-to button{width:28px;height:28px;border-radius:50%;border:0;background:#ffffff1a;color:#fff;font-size:17px}
.pt99-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pt99-chips button{height:42px;border-radius:12px;border:1px solid #ffffff1f;background:#ffffff0a;color:#fff;font:700 15px Poppins,sans-serif}
.pt99-chips button.on{background:#FF2D7A;border-color:#FF2D7A}
.pt99-amt{display:flex;align-items:center;gap:8px;background:#ffffff12;border-radius:14px;padding:0 12px}
.pt99-amt input{flex:1;height:44px;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:14px;text-align:right}
.pt99-amt span{color:#ffffff80;font-size:12px}
.pt99-note{height:44px;border-radius:14px;background:#ffffff12;border:0;outline:0;color:#fff;font:inherit;font-size:13.5px;padding:0 12px}
.pt99-calc{margin:0;min-height:20px;font-size:13px;color:#ffffffb3;text-align:center}
.pt99-calc strong{color:#34D399}
.pt99-limits{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:11.5px;color:#ffffff80}

/* السجل */
.pt99-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #ffffff0d}
.pt99-row>img{float:none;margin:0;width:38px;height:38px}
.pt99-row>div{flex:1}
.pt99-st{font-size:11px;font-weight:700;padding:3px 9px;border-radius:9px;background:#ffffff14;color:#ffffffb3;flex:none}
.pt99-st.ok{background:#10B98126;color:#34D399}
.pt99-st.wait{background:#F59E0B26;color:#FBBF24}
.pt99-st.no{background:#ffffff0f;color:#ffffff80}
.pt99-x{border:0;background:none;color:#FB7185;font:inherit;font-size:12px;padding:6px}
.pt99-empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffffff80;padding:30px 0}
.pt99-empty.small{padding:16px 0}
.pt99-empty b{color:#fff}

/* نافذة التأكيد */
.pt99-sheet{position:fixed;inset:0;z-index:60;background:#000000b3;display:flex;align-items:flex-end;animation:fade .15s}
.pt99-sheet-card{width:100%;background:#1b1240;border-radius:24px 24px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;direction:rtl;color:#fff;animation:rise .2s;text-align:center}
.pt99-sheet-ic{width:52px;height:52px;margin:0 auto 8px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#FF2D7A,#8B5CF6)}
.pt99-sheet-card h3{margin:0 0 14px;font-size:17px;line-height:1.6}
.pt99-sheet-card dl{margin:0 0 14px;background:#ffffff0a;border-radius:16px;padding:4px 14px;text-align:start}
.pt99-sheet-card dl div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff0d;font-size:13.5px}
.pt99-sheet-card dl div:last-child{border-bottom:0}
.pt99-sheet-card dt{color:#ffffffb3}
.pt99-sheet-card dd{margin:0;font:700 15px Poppins,sans-serif}
.pt99-sheet-card dl .tot dt{color:#fff;font-weight:700}
.pt99-sheet-card dl .tot dd{color:#34D399}
.pt99-warn{color:#FB7185;font-size:13px;margin:0 0 10px}
.pt99-yes.big{width:100%;height:50px;font-size:15px}
.pt99-cancel{width:100%;height:44px;margin-top:6px;border:0;background:none;color:#ffffffb3;font:inherit;font-size:14px}

/* زر الدخول تحت بطاقة «سحب المال» */
.pt99-entry{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:18px;border:1px solid #FB923C40;background:linear-gradient(110deg,#FB923C1F,#FDBA7414);color:#fff;font:inherit;text-align:start} /* v130: أخف — بنفس أسلوب البطاقة الخضراء */
.pt99-entry:active{filter:brightness(.92)}
.pt99-entry-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#FB923C29;color:#FDBA74;flex:none}
.pt99-entry-new{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:8px;background:#FB923C;color:#fff;font-size:10.5px;font-weight:800;vertical-align:2px}
.pt99-entry-tx{flex:1;min-width:0}
.pt99-entry-tx b{display:block;font-size:14px}
.pt99-entry-tx small{color:#ffffffa6;font-size:12px}
.pt99-entry-go{color:#FDBA74}
.pt99-idtag{font:800 12px Poppins,sans-serif;color:#fff;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);border-radius:7px;padding:3px 7px}
.pt99-search input{text-align:right;font-family:Poppins,inherit;letter-spacing:1px}
.pt99-hint{color:#ffffff80;font-size:11.5px;line-height:1.7;margin-top:-4px}
.pt99-u em{margin-inline-start:auto;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:#FF2D7A;border-radius:10px;padding:5px 10px}
.pt99-to small{color:#ffffff80;font-size:11px;margin-inline-start:4px}

/* css/gift-box-v130.css */
/* v130 — «صندوق الهدايا» (js/gift-box-v130.js) — أزرق بنفس أسلوب البطاقة الخضراء */
.gb130{margin-top:12px;padding:14px;border-radius:20px;border:1px solid #3B82F640;background:linear-gradient(110deg,#3B82F61F,#60A5FA12);transition:transform .25s}
.gb130.has{border-color:#60A5FA80;box-shadow:0 0 0 1px #60A5FA22,0 8px 24px -12px #3B82F6}
.gb-top{display:flex;align-items:center;gap:12px}
.gb-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#3B82F62E;color:#93C5FD;flex:none}
.gb130.has .gb-ic{animation:gbWiggle 2.4s ease-in-out infinite}
.gb-tx{flex:1;min-width:0}
.gb-tx small{display:block;color:#ffffffa6;font-size:12.5px}
.gb-tx b{font:800 24px Poppins,inherit;color:#93C5FD}
.gb-tx b i{font:600 13px inherit;font-style:normal;color:#93C5FDb3}
.gb-go{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;border:0;border-radius:22px;background:#3B82F6;color:#fff;font:inherit;font-size:14px;font-weight:700;flex:none}
.gb-go:disabled{background:#ffffff14;color:#ffffff66}
.gb-go.busy{opacity:.6}
.gb-go:not(:disabled):active{transform:scale(.96)}
.gb-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:10px;padding:0;border:0;background:none;color:#ffffffa6;font:inherit;font-size:12.5px;text-align:start}
.gb-sub b{color:#fff}
.gb-fly{animation:gbFly .9s ease-out}
@keyframes gbFly{0%{transform:scale(1)}30%{transform:scale(1.03);box-shadow:0 0 0 4px #60A5FA55}100%{transform:scale(1)}}
@keyframes gbWiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-10deg)}90%{transform:rotate(10deg)}95%{transform:rotate(-5deg)}}

.gb-wrap{position:fixed;inset:0;z-index:300;background:#0009;display:flex;align-items:flex-end}
.gb-sheet{width:100%;max-height:80vh;overflow-y:auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#13112C;border-top:1px solid #3B82F640;animation:gbUp .22s ease-out}
.gb-grab{width:40px;height:4px;border-radius:2px;background:#ffffff33;margin:0 auto 12px}
.gb-sheet h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:17px;color:#93C5FD}
.gb-note{margin:0 0 12px;color:#ffffff99;font-size:12.5px}
.gb-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff10}
.gb-row img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none}
.gb-row span{flex:1;min-width:0}
.gb-row b{display:block;font-size:14px}
.gb-row small{color:#ffffff80;font-size:11.5px}
.gb-row em{font-style:normal;font-weight:800;color:#93C5FD}
.gb-empty{color:#ffffff80;text-align:center;padding:24px 0}
.gb-close{width:100%;height:46px;margin-top:14px;border:0;border-radius:23px;background:#ffffff14;color:#fff;font:inherit;font-size:15px}
@keyframes gbUp{from{transform:translateY(40px);opacity:0}}

/* زر الهدية في المحادثة الخاصة + فقاعة الهدية (js/dm-gift-v130.js) */
.chat-panel.dm .lv-picker{z-index:40}
.dm-gift-btn{color:#93C5FD}
.dm-giftmsg{display:flex;align-items:center;gap:10px;min-width:180px}
.dm-giftmsg .dg-ic{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#3B82F62E;font-size:30px;flex:none}
.dm-giftmsg .dg-ic img{width:40px;height:40px;object-fit:contain}
.dm-giftmsg b{display:block;font-size:14px}
.dm-giftmsg small{color:#ffffffb3;font-size:12px}
.gb130.gb-focus{animation:gbFocus 1.3s ease-in-out 2}
@keyframes gbFocus{50%{box-shadow:0 0 0 4px #60A5FA88,0 10px 30px -8px #3B82F6;transform:scale(1.02)}}

/* css/native-ad-v131.css */
/* v131 — بطاقة الإعلان بين الفيديوهات (js/native-ad-v131.js) — بحجم الفيديو */
.nad131{position:relative;height:100vh;height:100dvh;height:var(--app-h,100dvh);min-height:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 16px 120px;
  background:radial-gradient(120% 80% at 50% 0%,#2A1B5C 0%,#0E0B24 60%,#07060F 100%);contain:paint}
.nad-chip{position:absolute;top:84px;right:16px;z-index:2;padding:4px 12px;border-radius:20px;background:#ffffff1f;border:1px solid #ffffff2e;color:#ffffffd9;font-size:11px;font-weight:700}
.nad-slot{width:100%;max-width:460px;max-height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:220px}
.nad-slot > div{width:100%}
.nad-slot img{max-width:100%;height:auto;border-radius:14px}
.nad-slot a{color:#fff!important;text-decoration:none}
.nad-slot,.nad-slot *{font-family:inherit}
.nad-spin{width:34px;height:34px;margin:auto;border-radius:50%;border:3px solid #ffffff22;border-top-color:#8B5CF6;animation:nadSpin .8s linear infinite}
@keyframes nadSpin{to{transform:rotate(360deg)}}
.nad-hint{position:absolute;bottom:96px;left:0;right:0;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffff99;font-size:12.5px;animation:nadUp 2s ease-in-out infinite}
@keyframes nadUp{50%{transform:translateY(-5px)}}
.nad-house{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:28px 20px;border-radius:24px;border:1px solid #8B5CF655;background:linear-gradient(160deg,#8B5CF626,#FF2D7A14);color:#fff;font:inherit;text-align:center}
.nad-house-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);color:#fff}
.nad-house b{font-size:19px}
.nad-house small{color:#ffffffb3;font-size:13.5px}
.nad-house i{margin-top:6px;padding:11px 30px;border-radius:22px;background:#fff;color:#13112C;font-style:normal;font-weight:800;font-size:14px}
.nad-up{display:inline-flex;transform:rotate(180deg)}

/* css/ad-box-v150.css */
/* v150 — صندوق الإعلان المغلق في صفحة «اربح» (js/ad-box-v150.js) */
.adbox150{display:block;width:320px;max-width:100%;height:50px;margin:12px auto;border:0;border-radius:14px;background:transparent;overflow:hidden}
.adbox150.off{display:none}

/* css/feed-unstick-v135.css */
/* v135 — غلاف الفيديو بدل الشاشة السوداء + مساحات سحب مضمونة فوق إعلان الموجز */
.video-card .vposter{position:absolute;top:0;left:0;right:0;bottom:var(--frame-bottom);width:100%;height:calc(100% - var(--frame-bottom));object-fit:cover;z-index:0;pointer-events:none}
.video-card:not(.loading) .vposter{visibility:hidden}
/* اللوحة السوداء لا تظهر قبل أول إطار حقيقي — يبقى الغلاف ظاهرًا */
.video-card .vcanvas:not(.vc-ready){opacity:0}
.nad-rail{position:absolute;top:0;bottom:0;width:16%;z-index:3}
.nad-rail.r{right:0}.nad-rail.l{left:0}
.nad-hint{z-index:4;border:0;background:none;font:inherit;width:100%;padding:10px 0}

/* css/stable-v136.css */
/* v136 — منع تكبير الشاشة بإصبعين، وتخفيف المؤثرات المكلفة على الهواتف الضعيفة */
html,body{touch-action:pan-x pan-y}
html.weak *,html.weak *::before,html.weak *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.weak .points-pill .coin svg,html.weak .points-pill.pz-ready,html.weak .marq.run{animation:none!important}
html.weak .video-card .actions *,html.weak .video-info *{filter:none!important}

/* css/chat-gpu-v155.css */
/* v155 — إصلاح التشويش الملوّن في صفحة المحادثة على جوالات أندرويد
   تخفيف الرسم: خلفية صلبة بدل التدرّج الشفاف بملء الشاشة، وفقاعات بلون صلب بلا ظل ضبابي، وبلا حركة transform
   لحذفه: احذف هذا الملف وسطره في index.html */
.chat-panel.dm { background: #0B0A1F !important; }
.dm .bubble { box-shadow: none !important; }
.dm .bubble.me, .dm .bubble.me.k-image p, .dm .bubble.me.k-video p { background: #C2419F !important; }
.dm .bubble.k-image, .dm .bubble.k-video { background: none !important; }
.dm .bubble.k-image .dm-img, .dm .bubble.k-video .dm-vid { box-shadow: none !important; }
.dm-menu { transition: none !important; }
.dm-menu-in { transform: none !important; transition: none !important; }
.dm-typing i, .dm-typing-t i { animation-name: dmDotV155 !important; }
@keyframes dmDotV155 { 0%, 60%, 100% { opacity: .25 } 30% { opacity: 1 } }

/* css/admin-pro-v102.css */
/* v102 — أقسام الأدمن الجديدة (js/admin-pro-v102.js) + ترتيب التبويبات في مجموعات */
.admin-v25 .adm-tabs{flex-wrap:wrap;overflow:visible;gap:6px;margin:0 0 16px;padding:0}
.admin-v25 .adm-tabs button{height:38px;padding:0 13px;font-size:13px;border-radius:19px}
.adm-grp{flex-basis:100%;font-style:normal;font-size:11.5px;font-weight:700;color:#ffffff73;margin:8px 4px 0}
.adm-grp:first-child{margin-top:0}

.ap102 h3{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.ap102 h4{margin:16px 2px 8px;font-size:14px;color:#ffffffcc}
.ap-off{background:#F59E0B1f;border:1px solid #F59E0B55;color:#FBBF24;border-radius:14px;padding:12px;font-size:13px}
.ap-q{display:flex;gap:8px;margin-bottom:12px}
.ap-q input,.ap-adj input{flex:1;min-width:0;height:44px;border-radius:12px;background:#ffffff10;border:1px solid #ffffff1a;color:#fff;padding:0 12px;font:inherit;font-size:14px;outline:0}
.ap-go,.ap-btn{height:44px;padding:0 16px;border-radius:12px;border:0;background:linear-gradient(135deg,#FF3D7F,#E11D48);color:#fff;font:inherit;font-weight:800;font-size:13.5px;flex:none}
.ap-btn.bad{background:#E11D4826;color:#FB7185;border:1px solid #E11D4855}
.ap-btn.ok{background:#10B98126;color:#34D399;border:1px solid #10B98155}
.ap-btn:disabled{opacity:.5}
.ap-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:12px;margin-bottom:10px}
.ap-user{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ap-user img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ffffff14}
.ap-user>div{flex:1;min-width:0}
.ap-user b{display:block;font-size:16px}
.ap-user small{display:block;color:#ffffff99;font-size:12px}
.ap-tags{flex-basis:100%;display:flex;gap:6px;flex-wrap:wrap}
.ap-tags em,.ap-st{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:9px;background:#ffffff14;color:#ffffffb3}
.ap-tags em.ok,.ap-st.ok{background:#10B98126;color:#34D399}
.ap-tags em.bad,.ap-st.bad{background:#E11D4826;color:#FB7185}
.ap-st.wait{background:#F59E0B26;color:#FBBF24}
.ap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.ap-stats div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:10px;text-align:center}
.ap-stats small{display:block;color:#ffffff8c;font-size:11px;margin-bottom:3px}
.ap-stats b{font:800 17px Poppins,Cairo,sans-serif}
.ap-adj{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ap-adj input[type=number]{flex:0 0 120px}
.ap-row-btns{margin-top:10px}
.ap-list{display:flex;flex-direction:column;background:#ffffff08;border-radius:14px;overflow:hidden}
.ap-li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #ffffff0d;font-size:13px;flex-wrap:wrap}
.ap-li:last-child{border-bottom:0}
.ap-li span{flex:1;min-width:0}
.ap-li b{font-family:Poppins,sans-serif;font-size:13px}
.ap-li b.ok{color:#34D399}.ap-li b.bad{color:#FB7185}
.ap-li time{flex-basis:100%;font-size:11px;color:#ffffff73}
.ap-link{background:none;border:0;padding:0;color:#7DD3FC;font:inherit;font-weight:700;text-decoration:none}
.ap-err{padding:12px;border-bottom:1px solid #ffffff0d;display:flex;flex-direction:column;gap:3px}
.ap-err b{font-size:13px;color:#FCA5A5;word-break:break-word}
.ap-err small{font-size:11.5px;color:#ffffff99;word-break:break-all}
.ap-err .ap-src{color:#ffffff66}
.ap-err .ap-link{align-self:flex-start;margin-top:4px;font-size:12px}
.ap-clear{margin-top:10px;width:100%}
.ap-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 0;color:#34D399}
.ap-empty b{color:#fff}.ap-empty small{color:#ffffff99}
.ap-x{font-style:normal;font-size:11px;font-weight:800;color:#FBBF24;margin-inline-start:4px}

/* v104: شريط الأدمن من صفّين ثابت أعلى الشاشة (المجموعات ثم الأقسام) */
.admin-v25 .adm-tabs.adm-nav2{position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:6;display:block;flex-wrap:nowrap;margin:0 -18px 16px;padding:8px 14px 10px;background:#0a0b14f2;border-bottom:1px solid #ffffff12}
.adm-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#ffffff0a;border-radius:16px;padding:4px}
.admin-v25 .adm-tabs .adm-groups button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;height:auto;padding:7px 2px;border:0;border-radius:12px;background:none;color:#ffffff99;font:700 11px Cairo,system-ui,sans-serif;white-space:nowrap}
.admin-v25 .adm-tabs .adm-groups button.on{background:#ffffff17;color:#fff;box-shadow:none;border:0}
.admin-v25 .adm-tabs .adm-groups button.on svg{color:#FF3D7F}
.adm-gbadge{position:absolute;top:3px;inset-inline-end:8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#FACC15;color:#111;font:800 10px/16px Poppins,sans-serif;font-style:normal}
.adm-subs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:8px}
.adm-subs::-webkit-scrollbar{display:none}
.admin-v25 .adm-subs button{flex:0 0 auto;height:36px;padding:0 13px;font-size:13px;border-radius:18px}
.admin-v25 .adm-subs button[hidden]{display:none}
.adm-nav2.one .adm-subs{display:none}
.adm-nav2 .adm-grp{display:none}
/* v104: إعلانات الشركات */
.ap-split{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:10px 12px;font-size:13px}
.ap-split small{margin-inline-start:auto;color:#ffffff73;font-size:11px}
.ap-split i,.ap-bar i{display:inline-block}
.ap-split span{display:inline-flex;align-items:center;gap:6px}
.ap-split i{width:10px;height:10px;border-radius:3px}
.adt i,.ap-bar i.adt{background:#22C55E}
.mtg i,.ap-bar i.mtg{background:#F59E0B}
.ap-split .adt i{background:#22C55E}.ap-split .mtg i{background:#F59E0B}
.ap-days{display:flex;flex-direction:column;gap:6px}
.ap-day{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;gap:8px;font-size:12px}
.ap-day span{color:#ffffffa6;white-space:nowrap}
.ap-day b{font:700 12px Poppins,sans-serif;text-align:left}
.ap-bar{display:flex;height:10px;background:#ffffff0d;border-radius:6px;overflow:hidden}
.ap-bar i{height:100%}

/* css/payout-fee-v103.css */
/* v103 — رسوم PayPal 4%: سطر «يصلك» في نافذة السحب + «ادفع» في لوحة الأدمن */
.po-review .po-net b{color:#34D399}
.pz-fee{color:#FBBF24!important}
.pz-fee b{color:#34D399}
.pay-net{color:#34D399;font-weight:800}

/* css/admin-theme-v104.css */
/* v104 — مظهر لوحة الأدمن: خلفية سوداء + كتابة خضراء + أيقونة ملوّنة حديثة لكل قسم (مثل الإيموجي الحديثة) */
body.adm-only, body.adm-only #app, .admin-v25{background:#000!important}
.admin-v25{color:#D1FAE5}
.admin-v25 h2,.admin-v25 h3,.admin-v25 h4,.admin-v25 .adm-head h2{color:#22C55E!important}
.admin-v25 .adm-head h2 svg{color:#22C55E}
.admin-v25 .adm-note,.admin-v25 .muted,.admin-v25 small{color:#86EFAC99}
.admin-v25 .adm-tabs.adm-nav2{background:#000f;border-bottom:1px solid #22C55E33}

/* الأيقونة الملوّنة الحديثة لكل قسم */
.adm-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:9px;font-style:normal;flex:none;color:#fff;
  background:linear-gradient(135deg,color-mix(in srgb,var(--c) 100%,#fff 25%),var(--c));box-shadow:inset 0 1px 0 #ffffff40}
.adm-ic svg{width:15px;height:15px;stroke-width:2.2}
@supports not (background:color-mix(in srgb,red,blue)){.adm-ic{background:var(--c)}}

/* المجموعات */
.admin-v25 .adm-groups{background:#0b0f0c;border:1px solid #22C55E26}
.admin-v25 .adm-tabs .adm-groups button{color:#4ADE80b3;gap:4px}
.admin-v25 .adm-tabs .adm-groups button .adm-ic{width:30px;height:30px;border-radius:10px;opacity:.75}
.admin-v25 .adm-tabs .adm-groups button.on{background:#22C55E1f;color:#22C55E}
.admin-v25 .adm-tabs .adm-groups button.on .adm-ic{opacity:1}
.admin-v25 .adm-tabs .adm-groups button.on svg{color:#fff}

/* الأقسام */
.admin-v25 .adm-subs button{background:#0b0f0c!important;border:1px solid #22C55E33!important;color:#4ADE80!important;padding:0 12px 0 6px!important;gap:7px;box-shadow:none!important}
.admin-v25 .adm-subs button.on{background:#22C55E!important;border-color:#22C55E!important;color:#000!important}
.admin-v25 .adm-subs button.on .adm-ic{box-shadow:0 0 0 2px #000}

/* البطاقات والقوائم داخل الأقسام الجديدة */
.admin-v25 .ap-card,.admin-v25 .ap-stats div,.admin-v25 .ap-list,.admin-v25 .ap-split{background:#0b0f0c;border-color:#22C55E26}
.admin-v25 .ap-stats b,.admin-v25 .ap-user b{color:#22C55E}
.admin-v25 .ap-li{border-bottom-color:#22C55E14;color:#D1FAE5}
.admin-v25 .ap-q input,.admin-v25 .ap-adj input{background:#0b0f0c;border-color:#22C55E33;color:#D1FAE5}
.admin-v25 .ap-go,.admin-v25 .ap-btn:not(.bad):not(.ok){background:#22C55E;color:#000}
.admin-v25 .ap-link{color:#4ADE80}
/* الأزرار الرئيسية والتبويبات الداخلية بالأخضر بدل الوردي */
.admin-v25 .primary-business{background:linear-gradient(135deg,#22C55E,#16A34A)!important;color:#000!important;box-shadow:none!important}
.admin-v25 .adm-pane button.on,.admin-v25 .adm-pane [aria-selected="true"]{background:#22C55E!important;color:#000!important;border-color:#22C55E!important}
.admin-v25 .adm-back{color:#22C55E!important}

/* css/post-fix-v109.css */
/* v109 — صفحة «منشور جديد» ثابتة: لا تتحرك ولا يظهر فراغ فوقها عند السحب، وأزرار أسفلها واضحة
   لحذف الإصلاح: احذف هذا الملف + سطره في index.html + التعديل في sheets.js و post-pro.js (علامة v109) */
body:has(.pp2-sheet) { overflow: hidden !important; overscroll-behavior: none !important; }
.sheet-backdrop:has(.pp2-sheet) { overscroll-behavior: none; touch-action: none; }
.sheet.pp2-sheet { touch-action: pan-y; overscroll-behavior: contain !important; -webkit-overflow-scrolling: auto; height: 94vh; height: 94dvh; max-height: 94dvh !important; animation: none; }
/* شريط الأزرار: خلفية مصمتة (كان شفافًا فتظهر الصفوف من خلفه) */
.pp2-actions { background: #0d0a24 !important; border-top: 1px solid #ffffff14; margin-top: 8px !important; z-index: 3; }
.pp2-draft { width: auto !important; min-width: 120px; padding: 0 16px; background: #ffffff0f !important; }
.pp2-draft svg { flex-shrink: 0; }
.pp2-pub { display: flex; align-items: center; justify-content: center; gap: 8px; }
.pp2-pub em { font-style: normal; font-size: 12px; font-weight: 800; padding: 3px 9px; border-radius: 999px; background: #ffffff2e; direction: rtl; unicode-bidi: isolate; }

/* css/pill-slim-v110.css */
/* v110 — عدّاد النقاط في الرئيسية أصغر: بدون اللهب وبدون الدائرة الصفراء (ملف مستقل) */
.points-pill .pill-streak { display: none !important; }
/* v111: رمز الدولار $ فقط بدل الدائرة الصفراء */
.points-pill .coin, .points-pill.pz .coin { display: grid !important; width: 16px !important; height: 16px !important; background: none !important; box-shadow: none !important; color: #FFD34D; }
.points-pill .coin::before { display: none !important; }
.points-pill .coin svg { width: 16px; height: 16px; animation: none !important; filter: drop-shadow(0 0 4px #FFD34D66); }
.points-pill .coin svg circle { display: none; }
.points-pill { padding: 3px 11px !important; gap: 4px !important; }
.points-pill:not(.pz) { height: 32px !important; }
.points-pill.pz { height: 38px !important; grid-template-columns: auto auto auto !important; grid-template-rows: 17px 12px !important; row-gap: 1px !important; column-gap: 4px !important; }
.points-pill.pz .coin { grid-column: 1 !important; grid-row: 1 / 3 !important; }
.points-pill.pz #points { grid-column: 2 !important; }
.points-pill.pz > small { grid-column: 3 !important; }
.points-pill.pz .pz-sub { grid-column: 2 / 4 !important; font-size: 9px !important; }
.points-pill #points { font-size: 15px !important; }
.wheel-fab { top: calc(58px + env(safe-area-inset-top) + 46px) !important; }
/* v112: العدّاد مكان زر البحث في الأعلى + حذف زر البحث من الرئيسية */
#searchBtn { visibility: hidden !important; pointer-events: none !important; width: 118px !important; flex: none; } /* مكان فارغ بعرض العدّاد كي تبقى «لك / أتابعهم» في الوسط */
.points-pill { top: calc(env(safe-area-inset-top) + 12px) !important; right: 12px !important; z-index: 11 !important; }
.wheel-fab { top: calc(env(safe-area-inset-top) + 70px) !important; }
.points-pill.pz { height: auto !important; min-height: 36px; padding: 3px 11px !important; grid-template-rows: auto auto !important; row-gap: 2px !important; align-content: center; }
.points-pill.pz #points, .points-pill.pz > small { align-self: end !important; line-height: 1 !important; }
.points-pill.pz .pz-sub { line-height: 1.1 !important; align-self: start !important; }
/* v113: الأرقام ورمز الدولار باللون الأخضر — أوضح */
.points-pill #points { color: #34D399 !important; text-shadow: 0 0 10px #34D39955 !important; font-weight: 800 !important; }
.points-pill .coin, .points-pill.pz .coin { color: #34D399 !important; }
.points-pill .coin svg { filter: drop-shadow(0 0 4px #34D39977) !important; width: 18px !important; height: 18px !important; stroke-width: 2.6; }
.points-pill > small { color: #ffffffcc !important; }
/* v114: عجلة الحظ أُزيلت من الرئيسية — موجودة في قسم «اربح» */
.wheel-fab { display: none !important; }
/* v115: كلمة «نقطة» خضراء أيضًا */
.points-pill > small { color: #34D399 !important; }
/* v116: حذف رمز $ + إطار العدّاد أصفر فاقع */
.points-pill .coin, .points-pill.pz .coin { display: none !important; }
.points-pill.pz { grid-template-columns: auto auto !important; }
.points-pill.pz #points { grid-column: 1 !important; }
.points-pill.pz > small { grid-column: 2 !important; }
.points-pill.pz .pz-sub { grid-column: 1 / 3 !important; }
.points-pill, .points-pill.pz-ready { border: 2px solid #FFE600 !important; box-shadow: 0 0 10px #FFE60066, 0 6px 20px #0008 !important; animation: none !important; }
/* v117: العدّاد ينزل قليلًا ليتساوى مع شعار Jokt و«لك / أتابعهم» */
.points-pill { top: calc(env(safe-area-inset-top) + 16px) !important; }
/* v119: العدّاد فوق الشريط العلوي كي يستجيب للمس (الشريط z-index 12 كان يغطيه) */
body.on-home .points-pill { z-index: 13 !important; pointer-events: auto !important; }
/* v121: مساحة لمس أكبر حول العدّاد + إحساس بالضغط */
.points-pill { touch-action: manipulation; -webkit-tap-highlight-color: transparent; user-select: none; }
.points-pill::after { content: ''; position: absolute; inset: -10px -8px; }
.points-pill.pressed { transform: scale(.94) !important; transition: transform .08s; }

/* css/live-guide-v122.css */
/* v122 — صفحة «بث مباشر» أسهل (ملف مستقل) */
.live-page .lp-head .lp-go { display: none !important; } /* الزر صار داخل البطاقة الكبيرة */
.lg122 { margin: 4px 0 14px; }
.lg122-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lg122-card { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: start; padding: 14px 12px 12px; border-radius: 20px; color: #fff;
  border: 1.5px solid #ffffff1f; background: #ffffff0a; transition: transform .12s, border-color .2s; -webkit-tap-highlight-color: transparent; }
.lg122-card:active { transform: scale(.97); }
.lg122-card b { font: 800 15px/1.3 Cairo, sans-serif; }
.lg122-card small { font: 500 11.5px/1.5 Cairo, sans-serif; color: #ffffffa8; min-height: 34px; }
.lg122-card em { margin-top: 4px; font: 800 12.5px Cairo, sans-serif; font-style: normal; padding: 8px 12px; border-radius: 14px; align-self: stretch; text-align: center; }
.lg122-ic { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; }
.lg122-card.lg122-cam .lg122-ic, .lg122-card.lg122-cam em { background: linear-gradient(135deg, #FF2E86, #8B5CF6); }
.lg122-card.lg122-mic .lg122-ic, .lg122-card.lg122-mic em { background: linear-gradient(135deg, #06B6D4, #3B82F6); }
.lg122-card.lg122-cam.on { border-color: #FF2E86aa; background: #FF2E8614; }
.lg122-card.lg122-mic.on { border-color: #22D3EEaa; background: #22D3EE14; }
.lg122-how { display: flex; align-items: center; gap: 6px; margin: 12px auto 0; padding: 7px 14px; border-radius: 20px; font: 700 13px Cairo, sans-serif; color: #5EE6F5; background: #5EE6F514; }
.lg122-steps { display: grid; gap: 10px; margin-top: 10px; }
.lg122-st { padding: 12px 14px; border-radius: 16px; background: #ffffff0a; border: 1px solid #ffffff14; }
.lg122-st b { display: flex; align-items: center; gap: 8px; font: 800 14px Cairo, sans-serif; color: #fff; }
.lg122-st b svg { width: 20px; height: 20px; }
.lg122-st ol { margin: 8px 0 0; padding-inline-start: 20px; display: grid; gap: 5px; }
.lg122-st li { font: 500 13px/1.5 Cairo, sans-serif; color: #ffffffcc; }
.lg122-st li::marker { color: #FFE600; font-weight: 800; }
@media (max-width: 340px) { .lg122-card small { display: none; } }

/* css/settings-label-v157.css */
/* v157: كلمة «الإعدادات» بجانب الخطوط الثلاثة في صفحة حسابي — ليعرف المستخدم الجديد مكان الإعدادات */
/* v158: في نفس مستوى وارتفاع زر «المظهر» (frames.css .fr-open) */
.pp-gear{top:12px;right:12px;left:auto;width:auto;height:34px;border-radius:17px;padding:0 10px 0 12px;display:inline-flex;align-items:center;gap:6px;background:#000000a6;backdrop-filter:none;-webkit-backdrop-filter:none}
.pp-gear svg{width:20px;height:20px;flex:none}
.pp-gear-t{font-size:13px;font-weight:700;line-height:1;white-space:nowrap}

/* css/toast-look-v159.css */
/* v159: تصميم الإشعار السريع — بطاقة داكنة مع أيقونة حسب النوع. خفيف على الهواتف الضعيفة: بلا ضبابية. لحذفه: احذف هذا الملف */
.toast{display:flex!important;align-items:center;gap:10px;direction:rtl;text-align:right!important;width:max-content;min-height:48px;padding:9px 16px 9px 12px!important;border-radius:16px!important;background:#101426!important;color:#fff!important;font-size:13.5px!important;font-weight:600;line-height:1.5;border:1px solid #2DD4A04D!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.toast::before{content:'';flex:none;width:28px;height:28px;border-radius:50%;background:#22C55E26 center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334D399' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.toast[data-k=err]{border-color:#F871714D!important}
.toast[data-k=err]::before{background-color:#EF444426;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F87171' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E")}
.toast[data-k=info]{border-color:#818CF84D!important}
.toast[data-k=info]::before{background-color:#6366F126;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A5B4FC' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/svg%3E")}