/* ما في تكبير أبداً، متل تطبيق حقيقي (قرار المالك 2026-11-07): هون الكبستين، والإصبعين بالصفحة وapp.js */
html { touch-action: manipulation; }
/* MR.GOLD — التطبيق المصغّر · التصميم A (معتمد من المالك): كحلي، ذهبي، وإطارات برق زرقا. */
@font-face { font-family: "Tajawal"; font-weight: 400; font-display: swap; src: url("fonts/Tajawal-Regular.woff2") format("woff2"); }
@font-face { font-family: "Tajawal"; font-weight: 700; font-display: swap; src: url("fonts/Tajawal-Bold.woff2") format("woff2"); }
@font-face { font-family: "Tajawal"; font-weight: 900; font-display: swap; src: url("fonts/Tajawal-Black.woff2") format("woff2"); }

:root {
  --ink: #050B1E;          /* الليل */
  --deep: #0A1430;         /* البطاقات */
  --navbar: #071230;
  --gold: #ECC568;
  --gold-hi: #F6D98E;
  --gold-lo: #B98A2E;
  --bolt: #288CF0;         /* البرق */
  --sky: #8CC4FF;
  --text: #F3EAD8;
  --mist: #96AFD7;
  --sand: #A99878;
  --line: rgba(40, 140, 240, .30);
  --gap: 16px;
  /* 🎬 الحركة: منحنيات قوية (مهارة Emil) — كل الحركات من هون */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);        /* دخول وخروج وضغط */
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);     /* لوحة من تحت (متل iOS) */
}

* { box-sizing: border-box; }
html, body { margin: 0; background: var(--ink); color: var(--text); }
body {
  font: 400 16px/1.5 "Tajawal", "Segoe UI", Tahoma, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}
button { font: inherit; color: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
[hidden] { display: none !important; }
h2, p { margin: 0; }

.app { max-width: 520px; margin: 0 auto; min-height: 100vh; padding-bottom: 84px; padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
/* ملء الشاشة (تيليغرام 8.0): أزرار تيليغرام بتصير فوق المحتوى — منترك مكانها */
.app { padding-top: 0; padding-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)); }

.top-shade { position: fixed; top: 0; left: 0; right: 0; z-index: 4; background: var(--bg, #050b1e); pointer-events: none; }
.top-shade[hidden] { display: none; }

/* ---- فوق ---- */
.top { padding: 16px 20px 10px; }
.top__agent { font-size: 15px; color: var(--mist); }

/* ---- بطاقة زيوس: الشي الوحيد الجريء بالشاشة ---- */
.card {
  position: relative; margin: 0 var(--gap); height: 0; padding-top: calc(50% - var(--gap)); /* 2:1 من عرض البطاقة */ border-radius: 22px; overflow: hidden;
  background: var(--deep) center / cover no-repeat;
  box-shadow: 0 0 0 1.5px var(--bolt), 0 0 34px rgba(40, 140, 240, .35);
}
.card__text {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 6.5% 15% 6% 4%;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
}
.card__hi { font-size: 16px; font-size: clamp(14px, 4.2vw, 18px); font-weight: 700; color: var(--text); max-width: 60%; }
.card__label { font-size: 13px; font-size: clamp(12px, 3.4vw, 14px); color: var(--mist); margin-top: 4px; }
.card__bal {
  font-size: 34px; font-size: clamp(28px, 9vw, 44px); font-weight: 900; line-height: 1.15; color: var(--gold);
  text-shadow: 0 2px 18px rgba(236, 197, 104, .35); font-variant-numeric: tabular-nums;
  direction: rtl; unicode-bidi: plaintext;
}
.card__bal--mid { font-size: 26px; font-size: clamp(21px, 7vw, 34px); white-space: nowrap; }
.card__bal--long { font-size: 22px; font-size: clamp(18px, 5.8vw, 29px); white-space: nowrap; }
.site-row { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding: 10px 12px; border-radius: 16px; background: var(--deep); border: 1px solid var(--line); }
.site-row[hidden] { display: none; }
.site-row__t { margin: 0; min-width: 0; font-size: 14px; color: var(--mist); }
.site-row__ago { display: block; margin-top: 2px; font-size: 12px; color: var(--sand); }
.site-row__ago:empty { display: none; }
.site-btn { flex: none; min-height: 40px; margin-inline-start: 10px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--line); background: rgba(10, 20, 48, .6); color: var(--text, #f1f4fa); font-size: 14px; }
.site-btn[disabled] { opacity: .5; }
.site-note { margin: 6px 4px 0; font-size: 13px; color: var(--sand); }
.site-note:empty { display: none; }
.card__old { font-size: 13px; font-size: clamp(12px, 3.4vw, 14px); color: var(--sand); unicode-bidi: plaintext; }
.pill {
  margin-top: 4px; padding: 1px 12px; border-radius: 999px; font-size: 13px; font-weight: 700;
  border: 1px solid rgba(236, 197, 104, .55); background: rgba(5, 11, 30, .55); color: var(--gold-hi);
}

/* ---- سلايدات المالك ---- */
.show { margin: 14px var(--gap) 0; }
.show__frame {
  position: relative; height: 0; padding-top: 50%; border-radius: 22px; overflow: hidden; background: var(--deep);
  box-shadow: 0 0 0 1px var(--line); touch-action: pan-y;
}
.slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .7s ease; border: 0; padding: 0; background: none; }
.slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.slide.is-on { opacity: 1; z-index: 1; }
.show__dots { display: flex; justify-content: center; margin-top: 2px; }
.dot { width: 28px; height: 28px; margin: 0 1px; border: 0; background: none; padding: 0; display: flex; align-items: center; justify-content: center; }
.dot span { display: block; width: 7px; height: 7px; border-radius: 999px; background: rgba(150, 175, 215, .4);
  transition: width 250ms var(--ease-out), background-color 250ms ease; }   /* اللون بيمشي مع العرض */
.dot.is-on span { width: 22px; background: var(--gold); }

/* ---- العمليات: نفس كتابة البوت حرفياً ---- */
.acts { margin: 10px var(--gap) 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.act {
  min-height: 64px; padding: 10px 12px; border-radius: 18px; text-align: center;
  font-size: 14px; font-weight: 700; line-height: 1.35;
  border: 1.5px solid var(--bolt); background: rgba(40, 140, 240, .10); color: var(--text);
  transition: transform 160ms var(--ease-out), background-color 200ms ease;
}
.act--gold { border: 0; color: #071230; background: linear-gradient(145deg, var(--gold-hi), var(--gold-lo)); }
/* 👆 ضغطة وحدة لكل شي بينكبس: بيصغر شوي وبيرجع بنعومة (هاد يلي بيخلّي التطبيق «يحس» فيك) */
/* شريط التنقّل تحت بلا ضغطة: بينكبس عشرات المرات باليوم، ولونه الذهبي كافي كإشارة */
.tile, .menu__item, .pin__key, .pillbtn, .race__more, .danger { transition: transform 160ms var(--ease-out); }
.act:active, .tile:active, .menu__item:active, .opt:not(:disabled):active, .pin__key:active,
.pillbtn:active, .race__more:active, .danger:active { transform: scale(.97); }

/* ---- سباق الشهر (بلا أرقام) ---- */
.race {
  margin: 18px var(--gap) 0; padding: 16px; border-radius: 20px; background: var(--deep);
  border: 1px solid var(--line); display: flex; flex-direction: column;
}
.race > * + * { margin-top: 10px; }
.race__head { display: flex; justify-content: space-between; align-items: baseline; }
.race__days { margin-right: 8px; }
.race__title { font-size: 16px; font-weight: 900; }
.race__days { font-size: 13px; color: var(--sand); white-space: nowrap; }
.bar { position: relative; height: 10px; border-radius: 999px; background: rgba(150, 175, 215, .15); overflow: hidden; }
.bar__fill {
  position: absolute; top: 0; bottom: 0; right: 0; width: 0; border-radius: 999px;
  background: linear-gradient(270deg, var(--bolt), var(--sky)); box-shadow: 0 0 12px rgba(40, 140, 240, .7);
  transition: width .9s var(--ease-out);
}
.race__cheer { font-size: 14px; color: var(--mist); }
.race__keep { font-size: 13px; color: var(--gold-hi); }
.race__more { align-self: flex-start; min-height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--line); background: none; font-size: 14px; font-weight: 700; }

/* ---- حظك + الإحالات ---- */
.tiles { margin: 14px var(--gap) 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tile {
  min-height: 96px; padding: 14px; border-radius: 20px; text-align: start;
  background: var(--deep); border: 1px solid var(--line);
  display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;
}
.tiles .tile:only-child { grid-column: 1 / -1; }
.tile--luck { background: linear-gradient(160deg, #1B2A55, var(--deep)); border-color: rgba(236, 197, 104, .35); }
.tile__777 { font-size: 24px; font-weight: 900; color: var(--gold); letter-spacing: 3px; direction: ltr; }
.tile__icon { color: var(--sky); }
.tile__name { font-size: 15px; font-weight: 700; }

/* ---- 📲 أيقونة عالشاشة الرئيسية ---- */
.homeicon {
  display: flex; flex-direction: column; align-items: flex-start; text-align: start; width: calc(100% - 2 * var(--gap));
  margin: 14px var(--gap) 0; padding: 14px 16px; border-radius: 18px;
  background: linear-gradient(160deg, rgba(40, 140, 240, .18), var(--deep)); border: 1px solid var(--bolt);
}
.homeicon__title { font-size: 15px; font-weight: 900; }
.homeicon__sub { font-size: 13px; color: var(--mist); margin-top: 4px; }

/* ---- باقي القائمة ---- */
.menu { margin: 14px var(--gap) 0; display: flex; flex-direction: column; }
.menu > * + * { margin-top: 8px; }
.menu__item {
  min-height: 52px; padding: 0 16px; border-radius: 16px; text-align: start; font-size: 15px; font-weight: 700;
  background: rgba(10, 20, 48, .7); border: 1px solid rgba(150, 175, 215, .14);
}
.menu__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }

/* ---- 💲 الشحن ---- */
.offscreen { position: fixed; top: -100px; right: 0; opacity: 0; }
.topup { padding: 4px var(--gap) 24px; }
.topup > * + *, #tpChoose > * + *, #tpOrder > * + * { margin-top: 12px; }
.topup__title { margin: 6px 0 0; font-size: 20px; font-weight: 900; }
.step { display: flex; align-items: center; font-size: 15px; font-weight: 700; color: var(--mist); margin-top: 18px; }
.step__n { flex: none; width: 24px; height: 24px; margin-left: 8px; border-radius: 50%; display: flex; align-items: center;
  justify-content: center; font-size: 14px; font-weight: 900; color: #071230; background: var(--gold); }
.nets, .chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.chips { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.opt {
  min-height: 56px; padding: 8px 10px; border-radius: 16px; font-weight: 700; font-size: 15px; line-height: 1.3;
  border: 1.5px solid var(--line); background: rgba(10, 20, 48, .7);
  transition: transform 160ms var(--ease-out), background-color 150ms ease, border-color 150ms ease, color 150ms ease;   /* الاختيار بيلوّن بنعومة */
}
.opt small { display: block; font-size: 12px; font-weight: 400; color: var(--sand); }
.opt.is-on { border-color: var(--gold); background: rgba(236, 197, 104, .12); color: var(--gold-hi); }
.opt:disabled { opacity: .45; cursor: default; }
.topup__rate, .topup__hint { font-size: 13px; color: var(--sand); }
.topup__label { display: block; font-size: 14px; color: var(--mist); }
.field {
  width: 100%; min-height: 52px; padding: 0 14px; border-radius: 14px; font: inherit; font-size: 18px; font-weight: 700;
  color: var(--text); background: var(--deep); border: 1.5px solid var(--line);
}
.field:focus { outline: 2px solid var(--gold); outline-offset: 1px; }
.topup__err { min-height: 1.2em; font-size: 14px; font-weight: 700; color: #FF9B8A; white-space: pre-line; }
.topup__go { width: 100%; }
.topup__ref { font-size: 13px; color: var(--sand); unicode-bidi: plaintext; }
/* الرقم يلي لازم ينبعت بالحرف: الشي الوحيد الجريء بالشاشة */
.exact { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-radius: 18px;
  background: var(--deep); border: 1.5px solid rgba(236, 197, 104, .5); }
.exact__num { font-size: 30px; font-weight: 900; color: var(--gold); direction: ltr; letter-spacing: .5px;
  font-variant-numeric: tabular-nums; text-shadow: 0 2px 16px rgba(236, 197, 104, .3); }
.exact__num small { font-size: 15px; color: var(--sand); margin-left: 6px; }
.pillbtn { min-height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--line); background: rgba(40, 140, 240, .1);
  font-size: 13px; font-weight: 700; white-space: nowrap; }
.topup__warn { font-size: 14px; color: var(--gold-hi); }
.qr { display: block; width: 200px; height: 200px; margin: 0 auto; border-radius: 16px; background: #F3EAD8; }
.addr { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 14px;
  background: rgba(10, 20, 48, .7); border: 1px solid rgba(150, 175, 215, .14); }
.addr__text { direction: ltr; font-size: 13px; color: var(--sky); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px; }
.topup__get { font-size: 16px; }
.hs-row { padding: 10px 12px; border-bottom: 1px solid var(--line); }
.hs-row b.is-in { color: var(--gold); }
.hs-row small { display: block; color: var(--mist); }
#view-history .topup__go { margin-top: 10px; }
.hs-receipt { display: block; width: 100%; margin-top: 12px; border-radius: 14px; }
.hs-receipt[hidden] { display: none; }
.hp-head { margin: 14px 0 6px; font-size: 15px; }
.hp-steps { margin: 0 0 10px; padding-inline-start: 22px; font-size: 14px; line-height: 1.8; color: var(--mist); }
.addr--stack { flex-direction: column; align-items: stretch; }
.addr--stack .pillbtn { margin-top: 10px; }
#shPay .danger, #shPay #shBot { margin-top: 10px; }
.addr__text--full { white-space: normal; overflow-wrap: anywhere; margin: 0; text-align: center; font-size: 12px; }
.sh-card { margin-top: 12px; }
#shWait .topup__msg { margin-top: 12px; }
.file-pick { position: absolute; width: 1px; height: 1px; opacity: 0; }
.file-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.file-pick:focus-visible + .file-btn { outline: 2px solid var(--gold); outline-offset: 1px; }
.sh-thumb { display: block; max-width: 100%; max-height: 200px; margin: 10px auto 0; border-radius: 12px; }
.sh-thumb[hidden] { display: none; }
.topup__get b { color: var(--gold); }
.watch { display: flex; align-items: center; padding: 14px; border-radius: 16px; background: var(--deep); border: 1px solid var(--line); }
.watch__dot { flex: none; width: 12px; height: 12px; margin-left: 12px; border-radius: 50%; background: #7FD8A6;
  box-shadow: 0 0 10px #7FD8A6; animation: pulse 1.6s ease-in-out infinite; }
.watch small { color: var(--mist); }
@keyframes pulse { 50% { opacity: .35; } }
.topup__msg { font-size: 14px; font-weight: 700; white-space: pre-line; }
.topup__msg:empty { display: none; }
#tpCheck, #tpTxGo { width: 100%; }
.danger { width: 100%; min-height: 48px; border-radius: 14px; border: 1px solid rgba(255, 120, 100, .4); background: none;
  color: #FF9B8A; font-weight: 700; }

/* ---- 🎮 التحويل ---- */
.ask > * + * { margin-top: 8px; }
.ask .opt { width: 100%; }
.receipt { padding: 16px; border-radius: 18px; background: var(--deep); border: 1.5px solid rgba(127, 216, 166, .5); }
.receipt > * + * { margin-top: 14px; }
.receipt__head { font-size: 18px; font-weight: 900; color: var(--gold); unicode-bidi: plaintext; }
.receipt__text { white-space: pre-line; font-size: 14px; line-height: 1.7; color: var(--mist); }
.receipt.is-bad { border-color: rgba(255, 120, 100, .45); }
.receipt.is-spark { animation: spark .8s ease-out; }
@keyframes spark { 0% { box-shadow: 0 0 0 0 rgba(236, 197, 104, .9); } 100% { box-shadow: 0 0 0 18px rgba(236, 197, 104, 0); } }

/* ---- 🔐 لوحة الرمز السري ---- */
.pinpad { text-align: center; }
.pinpad > * + * { margin-top: 14px; }
.pin__dots { display: flex; justify-content: center; }
.pin__dot { width: 16px; height: 16px; margin: 0 8px; border-radius: 50%; border: 2px solid var(--gold); }
.pin__dot.is-on { background: var(--gold); }
.pin__keys { direction: ltr; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 320px; margin-right: auto; margin-left: auto; }
.pin__key { min-height: 60px; border-radius: 18px; font-size: 24px; font-weight: 900; background: var(--deep); border: 1px solid var(--line); direction: ltr; }

/* ---- 👤 حسابي ---- */
.topup .menu__item, .topup .menu .opt { width: 100%; text-align: start; }
.sheet { position: fixed; right: 0; bottom: 0; left: 0; z-index: 15; padding: 18px var(--gap) 28px;
  background: var(--navbar); border-top: 1.5px solid var(--gold); border-radius: 22px 22px 0 0;
  transition: transform 300ms var(--ease-drawer), opacity 200ms ease; }
.sheet.is-out { transform: translateY(100%); transition-duration: 200ms; }   /* 🔐 لوحة الرمز: بتطلع من تحت وبترجع لتحت */

/* ---- 🎰 الآلة: الشي الجريء بشاشة الألعاب ---- */
.slot { direction: ltr; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
  padding: 18px; border-radius: 24px; background: linear-gradient(160deg, #1B2A55, var(--deep));
  box-shadow: 0 0 0 1.5px var(--gold), 0 0 34px rgba(236, 197, 104, .25); }
.reel { height: 110px; border-radius: 16px; display: flex; align-items: center; justify-content: center;
  background: var(--ink); border: 1.5px solid rgba(236, 197, 104, .6); overflow: hidden; }
.reel span { font-size: 48px; font-weight: 900; color: var(--gold); text-shadow: 0 2px 14px rgba(236, 197, 104, .4); }
.reel.is-spin span { animation: blur .18s linear infinite; }
@keyframes blur { 50% { opacity: .45; transform: translateY(6px); } }
.prize { opacity: 1 !important; }

/* ---- 👑 حلقة السباق (بلا أرقام) ---- */
.ring { position: relative; width: 220px; height: 220px; margin: 8px auto 0; }
.ring__svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.ring__bg { fill: none; stroke: rgba(150, 175, 215, .15); stroke-width: 10; }
.ring__fg { fill: none; stroke: var(--gold); stroke-width: 10; stroke-linecap: round; transition: stroke-dashoffset 1s var(--ease-out);
  filter: drop-shadow(0 0 8px rgba(236, 197, 104, .6)); }
.ring__in { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center; }
.ring__in b { font-size: 24px; font-weight: 900; }
.ring__in small { font-size: 13px; color: var(--sand); margin-top: 4px; }
.ring__cheer { text-align: center; }
.ring__cheer:empty { display: none; }
.level { opacity: .6 !important; }
.level.is-on { opacity: 1 !important; }

/* ---- 🌩️ العاصفة: هزّة قصيرة للشاشة (لحظات الربح الكبيرة بس) ---- */
body.is-storm .strike > * { animation: shake .4s ease-in-out 3; }   /* محتوى اللحظة بس: هز .app بيخرّب العناصر الثابتة */
@keyframes shake { 25% { transform: translate(4px, -2px); } 50% { transform: translate(-4px, 2px); } 75% { transform: translate(2px, 3px); } }

/* ---- ⚡ الصاعقة: لحظة وحدة بس، لما توصل المصاري ---- */
.strike { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center; background: rgba(5, 11, 30, .94); }
.strike > * + * { margin-top: 10px; }
.strike__bolt { color: var(--gold); filter: drop-shadow(0 0 22px rgba(236, 197, 104, .8)); }
.strike__title { font-size: 22px; font-weight: 900; }
.strike__amount { font-size: 40px; font-weight: 900; color: var(--gold); unicode-bidi: plaintext; }
.strike__amount.is-long { font-size: 26px; }
.strike__skip { font-size: 12px; color: var(--mist); }
.strike.is-play { animation: flash .5s ease-out; }
.strike.is-play .strike__bolt { animation: bolt 1.5s var(--ease-out); }
.strike { transition: opacity 180ms var(--ease-out); }
.rc-sheet { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 25; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(3, 7, 20, .82); }
.rc-sheet[hidden] { display: none; }
.rc-card { width: 100%; max-width: 420px; max-height: 100%; overflow-y: auto; padding: 14px; border-radius: 20px; background: var(--deep); border: 1px solid var(--line); }
.rc-card > * + * { margin-top: 10px; }
.rc-title { margin: 0; font-weight: 900; font-size: 17px; text-align: center; }
.rc-card .act { width: 100%; }
.rc-img { display: block; width: 100%; height: auto; border-radius: 12px; }
.strike.is-out { opacity: 0; pointer-events: none; }                       /* بتختفي بنعومة، أسرع من دخولها */
@keyframes flash { 0% { background: rgba(140, 196, 255, .85); } 100% { background: rgba(5, 11, 30, .94); } }
@keyframes bolt { 0% { transform: translateY(-40px) scale(.6); opacity: 0; } 30% { transform: none; opacity: 1; } 45% { transform: scale(1.12); } 60% { transform: none; } }

.toast { position: fixed; right: 16px; left: 16px; bottom: 100px; z-index: 30; padding: 12px; border-radius: 14px; text-align: center;
  font-weight: 700; background: var(--navbar); border: 1px solid rgba(236, 197, 104, .4);
  transition: opacity 200ms var(--ease-out), transform 200ms var(--ease-out); }
.toast.is-out { opacity: 0; transform: translateY(8px); transition-duration: 150ms; }   /* بتنزل شوي وبتختفي، أسرع من دخولها */

/* ---- 🎮 حساب ichancy جديد ---- */
.na-cta { margin: 14px var(--gap) 0; padding: 16px; border-radius: 20px; border: 1px solid rgba(236, 197, 104, .35);
  background: linear-gradient(160deg, #1B2A55, var(--deep)); }
.na-cta > * + * { margin-top: 8px; }
.na-cta__t { margin: 0; font-size: 17px; font-weight: 900; }
.na-cta__s { font-size: 14px; color: var(--mist); }
.na-cta .act { width: 100%; }
.bigtile { display: block; width: 100%; min-height: 84px; padding: 16px; border-radius: 20px; text-align: start;
  border: 1.5px solid var(--line); background: var(--deep); transition: transform 160ms var(--ease-out); }
.bigtile:active { transform: scale(.97); }
.bigtile--gold { border: 0; color: #071230; background: linear-gradient(145deg, var(--gold-hi), var(--gold-lo)); }
.bigtile__t { display: block; font-size: 18px; font-weight: 900; }
.bigtile__s { display: block; margin-top: 2px; font-size: 13px; color: var(--mist); }
.bigtile--gold .bigtile__s { color: rgba(7, 18, 48, .75); }
.field--ltr { direction: ltr; text-align: left; }
.rules { list-style: none; margin: 6px 0 0; padding: 0; font-size: 13px; color: var(--mist); }
.rules li::before { content: "• "; }
.rules li.is-ok { color: #7FD8A6; }
.rules li.is-ok::before { content: "✓ "; }
.pw { position: relative; }
.pw .field { padding-right: 84px; }
.pw__eye { position: absolute; top: 6px; right: 6px; min-height: 44px; min-width: 72px; border: 0; border-radius: 12px;
  background: rgba(40, 140, 240, .12); color: var(--sky); font-size: 13px; font-weight: 700; }
.na-suggest { margin-top: 8px; }
.na-suggest .opt { direction: ltr; }
.na-wait { min-height: 50vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.na-wait > * + * { margin-top: 10px; }   /* بلا gap: الموبايلات القديمة */
.na-wait small { color: var(--mist); }
.na-spin { width: 52px; height: 52px; border-radius: 50%; border: 4px solid rgba(236, 197, 104, .2); border-top-color: var(--gold);
  animation: naspin .9s linear infinite; }
@keyframes naspin { to { transform: rotate(360deg); } }
#naTicket > * + * { margin-top: 12px; }
#naTicket .act { width: 100%; }
.ticket { padding: 18px 16px 14px; border-radius: 22px; color: #071230;
  background: linear-gradient(150deg, var(--gold-hi), var(--gold) 45%, var(--gold-lo)); box-shadow: 0 10px 30px rgba(236, 197, 104, .25); }
.ticket.is-in { animation: ticketin 260ms var(--ease-out); }   /* لحظة صغيرة: من 0.96 + تلاشي (مش من الصفر) */
@keyframes ticketin { from { opacity: 0; transform: scale(.96); } }
.ticket__brand { margin: 0; font-size: 12px; font-weight: 900; letter-spacing: .5px; opacity: .75; }
.ticket__user { margin: 6px 0 2px; font-size: 26px; font-weight: 900; text-align: right; word-break: break-all; }
.ticket__pw { margin: 0; font-size: 15px; font-weight: 700; text-align: right; word-break: break-all; }
.ticket__k { opacity: .7; }
.ticket__cut { margin: 14px -16px 12px; border-top: 2px dashed rgba(7, 18, 48, .35); }
.ticket__btns { display: flex; }
.ticket__btns button + button { margin-right: 8px; }
.ticket__btns button { flex: 1; min-height: 46px; border: 0; border-radius: 12px; background: rgba(7, 18, 48, .88);
  color: var(--gold-hi); font-weight: 700; transition: transform 160ms var(--ease-out); }
.ticket__btns button:active { transform: scale(.97); }
.na-warn { padding: 10px 12px; border-radius: 12px; background: rgba(236, 197, 104, .1); border: 1px solid rgba(236, 197, 104, .35);
  font-size: 13px; color: var(--gold-hi); }
.na-note { text-align: center; }

/* ---- 🔗 ربط حساب قديم ---- */
#lkForm > * + *, #lkVerify > * + * { margin-top: 12px; }
#lkVerify .act, #lkDone .act { width: 100%; }
.lk-alt { display: block; width: 100%; min-height: 44px; border: 0; background: none; color: var(--sky); font-size: 14px; font-weight: 700; text-decoration: underline; }
.lk-steps { list-style: none; margin: 0; padding: 0; }
.lk-steps li { display: flex; align-items: flex-start; padding: 10px 12px; border-radius: 14px; background: var(--deep); border: 1px solid var(--line); font-size: 14px; }
.lk-steps li + li { margin-top: 8px; }
.lk-n { flex: none; width: 26px; height: 26px; margin-left: 10px; border-radius: 50%; background: rgba(236, 197, 104, .15); color: var(--gold-hi);
  font-weight: 900; display: flex; align-items: center; justify-content: center; }
.lk-meta { display: flex; justify-content: space-between; padding: 10px 12px; border-radius: 12px; font-size: 14px; font-weight: 700;
  background: rgba(236, 197, 104, .08); border: 1px solid rgba(236, 197, 104, .3); color: var(--gold-hi); }
.lk-balance { font-size: 24px; font-weight: 900; text-align: center; min-height: 64px; }
#lkDone.is-wait { border-color: rgba(236, 197, 104, .45); }

/* ---- 🛡 الإدارة (للأدمن بس) ---- */
body.is-staff .tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#view-admin > * + *, #view-adm-queue > * + *, #view-adm-payout > * + * { margin-top: 12px; }
.adm-status { display: flex; align-items: center; padding: 12px; border-radius: 16px; font-weight: 900;
  background: rgba(127, 216, 166, .1); border: 1px solid rgba(127, 216, 166, .4); color: #7FD8A6; }
.adm-status.is-bad { background: rgba(255, 120, 100, .1); border-color: rgba(255, 120, 100, .45); color: #FF9B8A; }
.adm-sw { margin-right: auto; min-height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid currentColor; background: none; color: inherit; font-weight: 700; font-size: 13px; }
.adm-ask { padding: 14px; border-radius: 16px; background: var(--deep); border: 1px solid rgba(255, 120, 100, .45); }
.adm-ask > * + * { margin-top: 8px; }
.adm-ask__t { margin: 0; font-weight: 900; }
.adm-two { display: flex; }
.adm-two > * { flex: 1; }
.adm-two > * + * { margin-right: 8px; }
.adm-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.adm-tile { padding: 12px; border-radius: 16px; background: var(--deep); border: 1px solid var(--line); text-align: start; min-height: 84px;
  transition: transform 160ms var(--ease-out); }
.adm-tile:active { transform: scale(.97); }
.adm-tile b { display: block; font-size: 26px; font-weight: 900; line-height: 1.1; }
.adm-tile span { display: block; font-size: 13px; color: var(--mist); }
.adm-tile.is-hot { border-color: rgba(236, 197, 104, .55); background: linear-gradient(160deg, #1B2A55, var(--deep)); }
.adm-tile.is-hot b { color: var(--gold); }
.adm-tile.is-alarm b { color: #FF9B8A; }
.adm-agency { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-radius: 16px; background: var(--deep); border: 1px solid var(--line); margin-top: 10px; }
.adm-agency__t { display: flex; flex-direction: column; min-width: 0; }
.adm-agency__l { font-size: 13px; color: var(--mist); }
.adm-agency__v { font-size: 19px; color: var(--gold); overflow-wrap: anywhere; }
.adm-agency__o { font-size: 12px; color: var(--mist); }
.adm-agency .pillbtn { flex: none; margin-inline-start: 10px; }
.adm-nums { padding: 10px 12px; border-radius: 14px; background: rgba(150, 175, 215, .06); font-size: 13px; color: var(--mist); }
.adm-q > * + * { margin-top: 6px; }
.adm-row { display: flex; align-items: center; width: 100%; padding: 10px 12px; border-radius: 14px; background: var(--deep); border: 1px solid var(--line);
  text-align: start; transition: transform 160ms var(--ease-out); }
.adm-row:active { transform: scale(.97); }
.adm-row.is-late { border-color: rgba(242, 193, 78, .6); }
.adm-row__n { flex: none; width: 26px; height: 26px; margin-left: 10px; border-radius: 50%; background: rgba(236, 197, 104, .15); color: var(--gold-hi);
  font-weight: 900; display: flex; align-items: center; justify-content: center; }
.adm-row__t b { display: block; font-size: 15px; }
.adm-row__t small { color: var(--mist); font-size: 12px; }
.adm-row__w { margin-right: auto; font-size: 12px; color: var(--mist); text-align: center; }
.adm-row.is-late .adm-row__w { color: #F2C14E; }
.adm-card { padding: 14px; border-radius: 18px; background: var(--deep); border: 1px solid var(--line); }
.adm-card > * + * { margin-top: 8px; }
.adm-kv { display: flex; justify-content: space-between; font-size: 14px; }
.adm-kv span { color: var(--mist); }
.adm-kv span { flex: none; }
.adm-kv b { min-width: 0; margin-right: 12px; overflow-wrap: anywhere; }
.adm-dest { padding: 10px; border-radius: 12px; background: var(--ink); direction: ltr; text-align: left; font-family: monospace; font-size: 14px; word-break: break-all; }
.adm-pay { font-size: 28px; font-weight: 900; color: var(--gold); }
.adm-note { font-size: 13px; color: #F2C14E; }
.adm-btns > * { width: 100%; }
.adm-btns > * + * { margin-top: 8px; }
.adm-ok { border: 0; color: #062414; background: linear-gradient(145deg, #8FE6B3, #3FA56E); }
.adm-wait { min-height: 120px; }
#admMenu .is-soon { opacity: .5; }
#view-adm-approvals > * + *, #view-adm-customers > * + *, #view-adm-customer > * + *, #view-adm-balance > * + * { margin-top: 12px; }
.cu-hdr { display: flex; align-items: center; }
.cu-av { flex: none; width: 46px; height: 46px; margin-left: 10px; border-radius: 50%; font-size: 18px; font-weight: 900; color: #071230;
  background: linear-gradient(145deg, var(--gold-hi), var(--gold-lo)); display: flex; align-items: center; justify-content: center; }
.cu-hdr small { color: var(--mist); font-size: 12px; }
.cu-tag { display: inline-block; margin-right: 6px; padding: 2px 8px; border-radius: 999px; font-size: 11px; vertical-align: middle;
  background: rgba(127, 216, 166, .12); color: #7FD8A6; }
.cu-tag.is-ban { background: rgba(255, 120, 100, .12); color: #FF9B8A; }
.cu-acc { display: flex; align-items: center; justify-content: space-between; padding-top: 6px; border-top: 1px solid rgba(40, 140, 240, .15); font-size: 13px; }
.cu-acc button { flex: none; margin-right: 8px; min-height: 36px; padding: 0 10px; border-radius: 10px; border: 1px solid rgba(255, 120, 100, .5);
  background: none; color: #FF9B8A; font-size: 12px; font-weight: 700; }
.cu-op { display: flex; justify-content: space-between; font-size: 12px; color: var(--mist); }
.cu-op b { color: var(--text); direction: ltr; }
.cu-op b.is-rtl { direction: rtl; unicode-bidi: isolate; margin-left: 12px; }
.cu-op { flex-wrap: wrap; }
.adm-pay__old { display: block; margin-top: 2px; font-size: 14px; font-weight: 400; color: var(--sand); }
.bal-sw { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.bal-sw button { min-height: 48px; border-radius: 12px; border: 1.5px solid var(--line); background: none; color: var(--mist); font-weight: 900;
  transition: transform 160ms var(--ease-out), background-color 150ms ease, border-color 150ms ease, color 150ms ease; }
.bal-sw button:active { transform: scale(.97); }
.bal-sw button.is-add { border-color: #7FD8A6; color: #7FD8A6; background: rgba(127, 216, 166, .1); }
.bal-sw button.is-sub { border-color: #FF9B8A; color: #FF9B8A; background: rgba(255, 120, 100, .08); }
.bal-amt { font-size: 22px; font-weight: 900; text-align: center; }
#balGo { width: 100%; }

/* ---- 💵 المال والإعدادات (الدفعة 4) ---- */
#view-adm-money > * + * { margin-top: 12px; }
#mnNote { white-space: pre-line; }
.mn-card { padding: 14px; border-radius: 18px; background: var(--deep); border: 1px solid var(--line); }
.mn-card > * + * { margin-top: 8px; }
.mn-card .topup__err { white-space: pre-line; }
.mn-card .topup__err:empty { display: none; }
.mn-h { display: flex; align-items: center; justify-content: space-between; font-size: 15px; }
.mn-edit { flex: none; min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--line); background: none;
  color: #8CC4FF; font-size: 13px; font-weight: 700; transition: transform 160ms var(--ease-out); }
.mn-edit:active { transform: scale(.97); }
.mn-b > * + * { margin-top: 4px; }
.mn-l { margin: 0; font-size: 13px; color: var(--mist); }
.mn-big2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mn-big2 > div { padding: 10px; border-radius: 12px; background: rgba(236, 197, 104, .07); text-align: center; }
.mn-big2 small { display: block; color: var(--mist); font-size: 12px; }
.mn-big2 b { font-size: 22px; font-weight: 900; color: var(--gold); }
.mn-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mn-grid .act { min-height: 48px; padding: 6px 8px; font-size: 13px; }
.mn-grid .act:last-child:nth-child(odd) { grid-column: 1 / -1; }
.mn-ed { padding-top: 10px; border-top: 1px solid rgba(40, 140, 240, .15); }
.mn-ed:empty { display: none; }
.mn-ed > * + * { margin-top: 8px; }
.mn-go { width: 100%; }
.mn-ltr { direction: ltr; text-align: left; font-family: ui-monospace, monospace; font-size: 13px; }
.mn-addr { display: flex; align-items: center; justify-content: space-between; padding-top: 6px; border-top: 1px solid rgba(40, 140, 240, .15); }
.mn-addr .mn-edit { margin-right: 8px; }
.mn-cmp { margin: 0; padding: 10px; border-radius: 12px; background: rgba(150, 175, 215, .06); font-family: ui-monospace, monospace;
  font-size: 15px; line-height: 1.9; word-break: break-all; text-align: left; }
/* ---- 💱 خانة مبلغ بعملة صريحة (الشكل أ) ---- */
.mf > * + * { margin-top: 8px; }
.mf-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mf-chips button { min-height: 44px; border-radius: 12px; border: 1.5px solid var(--line); background: none; color: var(--mist);
  font: inherit; font-weight: 900; font-size: 13px; transition: transform 160ms var(--ease-out), border-color 150ms ease, color 150ms ease; }
.mf-chips button:active { transform: scale(.97); }
.mf-chips button.is-on { border-color: var(--gold); color: var(--gold-hi); background: rgba(236, 197, 104, .1); }
.mf-amt { font-size: 22px; font-weight: 900; text-align: center; }
.mf-out { margin: 0; padding: 10px 12px; border-radius: 12px; border: 1.5px solid rgba(127, 216, 166, .5); background: rgba(127, 216, 166, .07);
  font-size: 13px; color: var(--mist); }
.mf-out b { display: block; font-size: 18px; color: #7FD8A6; }
.mf-out small { display: block; }
.mf-out.is-bad { border-color: rgba(255, 120, 100, .5); background: rgba(255, 120, 100, .07); color: #FF9B8A; }
/* ---- 📅 التقارير (الدفعة 7) ---- */
#view-adm-reports > * + *, #view-adm-report > * + * { margin-top: 12px; }
#rpBody > * + * { margin-top: 12px; }
.rp-copy { position: fixed; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; }
.ap-seg.rp-seg2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rp-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rp-tile { min-height: 76px; padding: 12px 10px; border-radius: 14px; border: 1px solid var(--line); background: var(--deep); color: var(--text);
  text-align: right; font: inherit; transition: transform 160ms var(--ease-out), border-color 150ms ease; }
.rp-tile:active { transform: scale(.97); }
.rp-tile b { display: block; font-size: 14px; }
.rp-tile small { color: var(--mist); font-size: 12px; }
.rp-nav { display: flex; align-items: center; justify-content: space-between; }
.rp-nav b { font-size: 15px; }
.rp-nav button { min-height: 40px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--line); background: none; color: var(--text); font: inherit; font-size: 12px; }
.rp-nav button[hidden] { display: inline-block; visibility: hidden; }
.rp-nums { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rp-num { padding: 10px; border-radius: 12px; background: var(--deep); border: 1px solid var(--line); }
.rp-num small { display: block; color: var(--mist); font-size: 12px; }
.rp-num b { font-size: 17px; font-weight: 900; }
.rp-num i { display: block; font-style: normal; color: var(--mist); font-size: 11px; }
.rp-num.is-gold { border-color: rgba(236, 197, 104, .55); background: rgba(236, 197, 104, .08); }
.rp-num.is-gold b { color: var(--gold); font-size: 20px; }
.rp-row { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 8px 0; border: 0;
  border-top: 1px solid rgba(40, 140, 240, .15); background: none; color: var(--text); font: inherit; font-size: 13px; text-align: right; }
.rp-row span { color: var(--mist); font-size: 12px; }
.rp-link { display: flex; align-items: center; padding-top: 6px; border-top: 1px solid rgba(40, 140, 240, .15); }
.rp-link span { flex: 1; min-width: 0; }
.rp-link small { display: block; direction: ltr; text-align: left; font-family: ui-monospace, monospace; font-size: 11px; color: var(--mist); overflow-wrap: anywhere; }
.rp-link button { flex: none; margin-right: 8px; min-height: 40px; min-width: 44px; border-radius: 10px; border: 1px solid var(--line); background: none; color: var(--text); }
/* ---- 🏷️ البراند والمحتوى (الدفعة 6) ---- */
#view-adm-content > * + * { margin-top: 12px; }
#ctNote, #ctHealth .mn-b { white-space: pre-line; }
.mn-card.ct-app { border: 1.5px solid var(--gold); background: rgba(236, 197, 104, .07); }
.ct-url { display: flex; align-items: center; padding-top: 6px; border-top: 1px solid rgba(40, 140, 240, .15); }
.ct-url span { flex: 1; min-width: 0; direction: ltr; text-align: left; font-family: ui-monospace, monospace; font-size: 12px; overflow-wrap: anywhere; }
.ct-url button { flex: none; margin-right: 6px; min-height: 40px; min-width: 44px; border-radius: 10px; border: 1px solid var(--line);
  background: none; color: var(--text); transition: transform 160ms var(--ease-out); }
.ct-url button:active { transform: scale(.97); }
.ct-url button.is-del { border-color: rgba(255, 120, 100, .5); color: #FF9B8A; }
.ct-url b { flex: none; margin-right: 6px; padding: 2px 8px; border-radius: 999px; background: var(--gold); color: #071230; font-size: 11px; }
.ct-sel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ct-sel select { width: 100%; min-height: 48px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--deep); color: var(--text);
  font: inherit; padding: 0 10px; }
/* ---- 🚀 النمو والعروض (الدفعة 5) ---- */
#view-adm-growth > * + * { margin-top: 12px; }
#grNote { white-space: pre-line; }
#grBody > * + * { margin-top: 12px; }
.gr-form > * + * { margin-top: 8px; }
.gr-form[hidden] { display: none; }
#grBc .gr-form { margin-top: 14px; }
.ap-seg.gr-seg { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ap-seg.gr-seg button { font-size: 12px; }
.gr-code { display: flex; align-items: center; padding-top: 6px; border-top: 1px solid rgba(40, 140, 240, .15); font-size: 13px; }
.gr-code b { font-family: ui-monospace, monospace; direction: ltr; }
.gr-code span { flex: 1; margin: 0 8px; color: var(--mist); font-size: 12px; }
.gr-code button { flex: none; min-height: 40px; min-width: 44px; border-radius: 10px; border: 1px solid rgba(255, 120, 100, .5); background: none; color: #FF9B8A; }
.gr-chips { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.gr-chips button { min-height: 40px; border-radius: 10px; border: 1px solid var(--line); background: none; color: var(--text); font-size: 12px; font-weight: 700;
  transition: transform 160ms var(--ease-out), border-color 150ms ease; }
.gr-chips button:active { transform: scale(.97); }
.gr-chips button.is-on { border-color: var(--gold); color: var(--gold-hi); }
.gr-name { display: flex; }
.gr-name .field { flex: 1; direction: ltr; text-transform: uppercase; }
.gr-name .act { flex: none; margin-right: 8px; min-height: 48px; padding: 0 10px; font-size: 13px; }
.gr-text { min-height: 110px; padding: 10px 12px; resize: vertical; line-height: 1.6; }
.gr-bubble { margin: 0 0 0 auto; max-width: 92%; padding: 10px 12px; border-radius: 14px 14px 14px 4px; background: #182533; color: #fff;
  font-size: 14px; white-space: pre-wrap; word-break: break-word; }
.gr-bar { height: 8px; border-radius: 99px; background: rgba(150, 175, 215, .15); overflow: hidden; }
.gr-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--gold-lo), var(--gold-hi)); transition: width 400ms var(--ease-out); }
.mn-cmp mark { background: rgba(236, 197, 104, .15); color: var(--gold-hi); font-weight: 900; border-radius: 4px; padding: 0 2px; }
.ap-seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ap-seg button { min-height: 44px; padding: 4px; border-radius: 12px; border: 1px solid var(--line); background: none; color: var(--mist);
  font-size: 12px; font-weight: 700; transition: transform 160ms var(--ease-out), background-color 150ms ease, border-color 150ms ease, color 150ms ease; }
.ap-seg button:active { transform: scale(.97); }
.ap-seg button.is-on { border-color: var(--gold); color: var(--gold-hi); background: rgba(236, 197, 104, .1); }
.ap-list > * + * { margin-top: 10px; }
.ap-card { padding: 12px; border-radius: 16px; background: var(--deep); border: 1px solid var(--line); }
.ap-card > * + * { margin-top: 8px; }
.ap-photo { display: block; width: 100%; max-height: 260px; object-fit: contain; border-radius: 12px; background: #000; cursor: zoom-in; }
.ap-photo.is-big { max-height: none; cursor: zoom-out; }
.ap-card.is-warn { border-color: rgba(242, 193, 78, .5); }
#poMove { margin-bottom: 10px; }
.ap-warns:empty { display: none; }
.ap-warn { margin: 8px 0 6px; font-size: 15px; font-weight: 700; color: #F2C14E; }
.ap-card.is-alarm { border-color: rgba(255, 120, 100, .5); }
.ap-card h2 { margin: 0; font-size: 15px; }
.ap-old { text-decoration: line-through; color: #FF9B8A; }
.ap-new { color: #7FD8A6; }
.ap-what { padding: 10px; border-radius: 12px; font-size: 13px; background: rgba(127, 216, 166, .08); border: 1px solid rgba(127, 216, 166, .35); }
.ap-what.is-bad { background: rgba(255, 120, 100, .08); border-color: rgba(255, 120, 100, .4); }

/* ---- قريباً ---- */
.soon { min-height: 60vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; }
.soon > * + * { margin-top: 10px; }
.soon__bolt { color: var(--gold); }
.soon__title { font-size: 26px; font-weight: 900; }
.soon__text { color: var(--mist); max-width: 30ch; }

/* ---- خطأ ---- */
.err { margin: 24px var(--gap); padding: 20px; border-radius: 20px; background: var(--deep); border: 1px solid rgba(236, 197, 104, .4); display: flex; flex-direction: column; text-align: center; }
.err > * + * { margin-top: 14px; }
.err__text { font-size: 16px; font-weight: 700; }

/* ---- شريط التنقّل ---- */
.tabs {
  position: fixed; right: 0; bottom: 0; left: 0; z-index: 5; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 8px 10px 10px; padding-bottom: calc(10px + env(safe-area-inset-bottom)); background: var(--navbar); border-top: 1px solid rgba(40, 140, 240, .35);
}
.tab { min-height: 52px; border: 0; background: none; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 12px; color: var(--mist); }
.tab svg { margin-bottom: 3px; }
.tab.is-on { color: var(--gold); font-weight: 700; }

/* ---- هياكل التحميل ---- */
.skel { display: inline-block; border-radius: 8px; background: linear-gradient(90deg, rgba(150,175,215,.10), rgba(150,175,215,.22), rgba(150,175,215,.10)); background-size: 200% 100%; animation: shimmer 1.2s linear infinite; }
.skel--line { width: 9em; height: 1em; }
.skel--num { width: 5.5em; height: .9em; }
@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* التحميل علق 10 ثواني (نت ضعيف أو ملف ما وصل): رسالة بلا JS أبداً */
body.is-loading::after {
  content: "تأكد من النت، وسكّر التطبيق وافتحو من جديد."; position: fixed; right: 16px; bottom: 96px; left: 16px; z-index: 9;
  padding: 14px; border-radius: 16px; text-align: center; font-weight: 700; color: var(--text);
  background: var(--deep); border: 1px solid rgba(236, 197, 104, .4);
  opacity: 0; animation: stuck .01s linear 10s forwards;
}
@keyframes stuck { to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .slide, .bar__fill, .dot span { transition: none; }   /* الضغطة (0.97) صغيرة: بتضل لكل الأزرار متل بعض */
  .skel { animation: none; }
  .watch__dot, .strike.is-play, .strike.is-play .strike__bolt, .receipt.is-spark, .reel.is-spin span { animation: none; }
  .ring__fg { transition: none; }
  .ticket.is-in { animation: none; }
  .na-spin { animation-duration: 2.4s; }
  /* تقليل الحركة: منخلّي التلاشي (بيساعد الفهم) ومنشيل التحريك */
  .toast.is-out { transform: none; }
  .sheet.is-out { transform: none; opacity: 0; }
}
@media (min-width: 420px) { .act { font-size: 15px; } }
.ap-seg.rp-seg3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rp-kv { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; padding: 7px 0; border-bottom: 1px dashed var(--line); font-size: 14px; }
.rp-kv:last-child { border-bottom: 0; }
.rp-kv span { color: var(--mist); margin-left: 10px; }
.rp-kv b { font-weight: 800; direction: rtl; unicode-bidi: isolate; }
.rp-kv b.is-in { color: var(--gold); }
.rp-kv b.is-out { color: #f08c84; }
.rp-pick { display: flex; align-items: flex-end; margin-bottom: 10px; }
.rp-pick > * { flex: 1; min-width: 0; margin-left: 8px; }
.rp-pick > *:last-child { margin-left: 0; }
.rp-pick__f small { display: block; color: var(--mist); font-size: 12px; margin-bottom: 4px; }
.rp-nums.rp-nums--one { grid-template-columns: minmax(0, 1fr); margin-bottom: 10px; }
.rp-pick select.field { font-size: 14px; padding-left: 6px; padding-right: 8px; }

.cb-card { margin-top: 12px; padding: 14px; border-radius: 18px; border: 1px solid rgba(236, 197, 104, .55);
  background: linear-gradient(135deg, rgba(236, 197, 104, .12), rgba(10, 20, 48, .7)); }
.cb-card[hidden] { display: none; }
.cb-card__t { margin: 0 0 8px; font-size: 16px; font-weight: 800; color: var(--gold); }
.cb-card__d { margin: 8px 0 0; font-size: 13px; color: var(--sand); }
.cb-item { margin-top: 8px; }
.cb-item__t { margin: 0 0 6px; font-size: 15px; font-weight: 700; }
.cb-row { padding: 6px 0; border-bottom: 1px dashed var(--line); }
.cb-row b { font-size: 14px; }
.cb-item__l { margin: 0 0 2px; font-size: 13px; color: var(--mist); }
.cbline { margin-top: 10px; padding: 9px 12px; border-radius: 14px; background: rgba(236, 197, 104, .1); border: 1px solid rgba(236, 197, 104, .5); }
.cbline[hidden] { display: none; }
.cbline__t { margin: 0; font-size: 14px; font-weight: 800; color: var(--gold); }
.cbline__l { margin: 2px 0 0; font-size: 13px; color: var(--sand); }