/* 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}