/* دجلة الذهبي ✦ ولوحة التحكم */
.g-star { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; font-size: 22px; color: #3a2600; flex-shrink: 0;
  background: radial-gradient(circle at 35% 30%, var(--gold-hi), var(--gold) 50%, var(--gold-deep)); box-shadow: 0 0 22px rgba(245,196,81,.5), inset 0 2px 0 rgba(255,255,255,.6); }
.g-star.big { width: 92px; height: 92px; font-size: 46px; animation: gfloat 3s ease-in-out infinite; }
@keyframes gfloat { 50% { transform: translateY(-6px); box-shadow: 0 10px 40px rgba(245,196,81,.6), inset 0 2px 0 rgba(255,255,255,.6); } }

.gold-page { display: grid; gap: 14px; }
.g-hero { text-align: center; display: grid; justify-items: center; gap: 10px; padding: 18px 0 6px; }
.g-hero h1 { margin: 6px 0 0; font-family: var(--display); font-size: 36px;
  background: linear-gradient(180deg, var(--gold-hi), var(--gold) 60%, var(--gold-deep)); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 2px 8px rgba(245,196,81,.35)); }
.g-hero p { margin: 0; }
.big-cta { min-height: 54px; padding: 0 32px; font-size: 18px; margin-top: 6px; }
.g-status { display: grid; gap: 2px; padding: 12px 22px; border-radius: 18px; background: rgba(0,0,0,.35); border: 1px solid var(--edge); }
.g-status.on { border-color: rgba(245,196,81,.5); box-shadow: 0 0 24px -6px rgba(245,196,81,.45); }
.g-status.on b { color: var(--gold-hi); }
.g-status span { color: var(--muted); font-size: 14px; }
.g-offer, .g-stats { padding: 14px 16px; display: grid; gap: 4px; }
.g-offer { border-color: rgba(245,196,81,.55) !important; background: linear-gradient(160deg, rgba(245,196,81,.18), rgba(255,255,255,.03)) !important; }
.g-stats span b { color: var(--gold-hi); }

.g-features { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.g-feat { padding: 14px; display: grid; gap: 4px; align-content: start; }
.g-feat .g-ic { font-size: 22px; line-height: 1; color: var(--gold); }
.g-feat small { color: var(--muted); font-size: 12px; line-height: 1.5; }

.g-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-items: end; }
.g-plan { position: relative; padding: 18px 10px 14px; display: grid; justify-items: center; gap: 4px; text-align: center; }
.g-plan.best { padding-top: 26px; border-color: rgba(245,196,81,.7) !important; box-shadow: 0 0 0 1px rgba(245,196,81,.4), 0 16px 34px -14px rgba(245,196,81,.55), var(--depth) !important;
  background: linear-gradient(170deg, rgba(245,196,81,.2), rgba(255,255,255,.04) 60%) !important; }
.g-tag { position: absolute; top: -11px; padding: 2px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; color: #3a2600; background: linear-gradient(180deg, var(--gold-hi), var(--gold)); white-space: nowrap; }
.g-months { font-size: 16px; }
.g-price { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.g-price small { font-size: 12px; color: var(--muted); font-weight: 500; }
.g-save { font-size: 12px; font-weight: 700; color: var(--ok); }
.g-save.ghost { visibility: hidden; }
@media (max-width: 420px) { .g-plans { grid-template-columns: 1fr; } .g-plan.best { order: -1; } }

.redeem { display: flex; gap: 8px; }
.code-in { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: 700; }
.ref-dots { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ref-dots i { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-style: normal; color: var(--faint); border: 2px dashed var(--edge-hi); }
.ref-dots i.on { color: #3a2600; border: 0; background: linear-gradient(160deg, var(--gold-hi), var(--gold)); box-shadow: 0 0 12px rgba(245,196,81,.5); }
.ref-link { display: flex; gap: 8px; }
.ref-link input { font-size: 13px; }

/* بطاقات صغيرة */
.g-promo { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin: 0 0 14px; border-color: rgba(245,196,81,.45) !important;
  background: linear-gradient(160deg, rgba(245,196,81,.16), rgba(255,255,255,.03)) !important; }
.g-promo .g-star { width: 38px; height: 38px; font-size: 18px; }
.g-card { display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin-bottom: 14px; border-color: rgba(245,196,81,.45) !important; }
.g-card .row-main b { color: var(--gold-hi); }
.upsell { display: grid; justify-items: center; gap: 8px; text-align: center; padding-top: 6px; }
.upsell h2 { margin: 6px 0 0; }
.upsell p { margin: 0; }

/* احتفال */
.celebrate { position: fixed; inset: 0; z-index: 150; display: grid; place-items: center; background: rgba(0,0,0,.55); backdrop-filter: blur(4px); }
.cel-box { padding: 28px 26px; display: grid; justify-items: center; gap: 14px; text-align: center; width: min(360px, 90vw); border-radius: 28px; border-color: rgba(245,196,81,.6) !important; animation: pop .3s ease-out; }
.cel-box h2 { margin: 0; font-size: 20px; }
.sparks i { position: absolute; bottom: 30%; font-style: normal; color: var(--gold-hi); font-size: 20px; text-shadow: 0 0 10px var(--gold); animation: spark var(--d) ease-out forwards; }
@keyframes spark { 0% { transform: translate(0, 0) rotate(0); opacity: 1; } 100% { transform: translate(var(--x), var(--y)) rotate(var(--r)); opacity: 0; } }

/* الملف الشخصي */
.profile.has-cover { padding-top: 0; overflow: hidden; }
.p-cover { width: calc(100% + 0px); height: 150px; margin-bottom: -58px; background-size: cover; background-position: center; justify-self: stretch;
  mask-image: linear-gradient(#000 60%, transparent); -webkit-mask-image: linear-gradient(#000 60%, transparent); }
.p-av.gold { background: conic-gradient(from 200deg, var(--gold-hi), var(--gold-deep), #2a1b00, var(--gold), var(--gold-hi)); box-shadow: 0 0 34px -4px rgba(245,196,81,.6), 0 18px 30px -12px rgba(0,0,0,.9); }
.p-av .av.gold { box-shadow: 0 0 0 3px #0b0b0e; }
.p-av .av.gold::after { display: none; }

/* الدردشة */
.msg small .edited { opacity: .8; font-style: italic; margin-inline-end: 4px; }
.gift { display: flex; align-items: center; gap: 12px; padding: 6px 4px; min-width: 200px; }
.gift-box { font-size: 34px; text-shadow: 0 4px 14px rgba(245,196,81,.6); animation: bob 2.4s ease-in-out infinite; }
@keyframes bob { 50% { transform: translateY(-4px) rotate(-6deg); } }
.gift.opened .gift-box { animation: none; opacity: .8; }
.gift b { color: var(--gold-hi); display: block; }
.msg.me .gift b { color: #fff3c9; }
.gift-st { display: block; opacity: .8; margin: 2px 0 4px; }
.msg [data-opengift] { margin: 4px 0 6px; }
.gift-list .row { border-radius: 12px; }
.gift-list .row.on { background: rgba(245,196,81,.14); }
.tick-pick { opacity: 0; color: var(--gold-hi); font-style: normal; font-weight: 700; }
.gift-list .row.on .tick-pick { opacity: 1; }
.lbl { display: block; font-size: 14px; margin-bottom: 6px; }

/* ألوان التطبيق */
.themes { display: flex; flex-wrap: wrap; gap: 10px; }
.theme-sw { display: grid; justify-items: center; gap: 6px; padding: 10px 8px; min-width: 76px; border-radius: 14px; border: 1px solid var(--edge); background: rgba(0,0,0,.25); font-size: 12px; font-weight: 600; color: var(--muted); }
.theme-sw i { width: 30px; height: 30px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff8, var(--c) 45%, #0008 120%); box-shadow: 0 0 12px var(--c); }
.theme-sw.on { border-color: var(--c); color: var(--ink); box-shadow: 0 0 0 1px var(--c); }

/* لوحة التحكم */
.a-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-bottom: 14px; }
.a-stat { padding: 14px; display: grid; gap: 2px; }
.a-stat small { color: var(--muted); font-size: 12px; }
.a-stat b { font-size: 24px; font-variant-numeric: tabular-nums; }
.a-stat b small { font-size: 12px; }
.a-gen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-items: end; }
.a-gen .wide { grid-column: 1 / -1; }
@media (max-width: 520px) { .a-gen { grid-template-columns: 1fr 1fr; } }
.a-codes { display: grid; gap: 10px; margin-top: 6px; }
.a-codes textarea { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: 1px; }
.mono { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: 1px; }

/* تبويبات لوحة التحكم */
.a-tabs { display: flex; gap: 6px; overflow-x: auto; margin-bottom: 14px; scrollbar-width: none; }
.a-tabs a { flex-shrink: 0; padding: 8px 14px; border-radius: 999px; font-weight: 600; font-size: 14px; color: var(--muted); border: 1px solid var(--edge); background: rgba(0,0,0,.3); }
.a-tabs a.on { color: #fff; background: linear-gradient(180deg, rgba(229,38,58,.4), rgba(142,14,31,.3)); border-color: rgba(229,38,58,.5); }
.rep { padding: 14px 16px; display: grid; gap: 10px; }
.rep + .rep { margin-top: 12px; }
.rep-h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rep-kind { background: linear-gradient(160deg, #ffd1d6, #ff8a98); color: #3a0008; }
.rep-hidden { padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; background: rgba(229,38,58,.25); color: var(--red-hi); }
.rep-why { display: flex; flex-wrap: wrap; gap: 6px; }
.rep-why span { padding: 2px 10px; border-radius: 999px; font-size: 12px; background: rgba(0,0,0,.35); border: 1px solid var(--edge); }
.rep-notes { margin: 0; font-size: 13px; }
.rep-body { display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: 12px; background: rgba(0,0,0,.3); }
.rep-body img, .rep-body video { width: 96px; height: 96px; object-fit: cover; border-radius: 10px; flex-shrink: 0; background: #000; }
.rep-body p { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
.rep-acts { flex-wrap: wrap; }
pre.code { margin: 0; padding: 12px 14px; border-radius: 12px; background: rgba(0,0,0,.45); border: 1px solid var(--edge); font-size: 13px; line-height: 1.7; overflow-x: auto; white-space: pre; }
code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }