/* ============================================================================
   FORZZA PRO 2026 — واجهة احترافية (نفس تصميم المرجع: نايفي داكن + نيون أزرق)
   تُحمَّل بعد classic.css — تغلّب كامل
   ============================================================================ */

:root{
  --fx-bg:#040c17;
  --fx-card:#07142a;
  --fx-card2:#0a1c34;
  --fx-line:rgba(70,140,220,.22);
  --fx-blue:#1666ff;
  --fx-blue2:#0a48c9;
  --fx-cyan:#38b6ff;
  --fx-gold:#ffd700;
  --fx-green:#2eff8a;
  --fx-txt:#eaf2ff;
  --fx-mut:#8ba6c9;
}

/* ---------------------------------------------------------------- خلفية */
html,body{background:var(--fx-bg)!important;}
.fz-app{
  background:
    radial-gradient(130% 55% at 50% -8%, rgba(22,102,255,.22) 0%, transparent 60%),
    linear-gradient(180deg,#061224 0%, var(--fx-bg) 60%) !important;
  color:var(--fx-txt)!important;
}
.fz-content{background:transparent!important;padding-bottom:118px!important;color:var(--fx-txt)!important;}
::selection{background:rgba(22,102,255,.5)!important;}
*::-webkit-scrollbar{width:0;height:0}

/* -------------------------------------------------------------- الشريط العلوي */
.fz-topbar{
  height:58px!important;
  background:linear-gradient(180deg,rgba(4,12,23,.94),rgba(4,12,23,.86))!important;
  backdrop-filter:blur(16px) saturate(1.3)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.3)!important;
  border-bottom:1px solid rgba(70,140,220,.18)!important;
  box-shadow:none!important;
  gap:8px!important;
}
body.home-page .fz-title{display:none!important;}
body.home-page .fz-back{display:none!important;}
body.home-page .fz-topbar{justify-content:space-between!important;}

.fz-brand-logo{height:26px!important;width:auto!important;display:none!important;filter:drop-shadow(0 0 10px rgba(56,182,255,.35))!important;}
body.home-page .fz-brand-logo{display:block!important;}

.fx-top-pill{
  display:none!important;align-items:center!important;gap:8px!important;
  background:rgba(9,26,48,.92)!important;border:1px solid var(--fx-line)!important;
  border-radius:999px!important;padding:5px 6px 5px 12px!important;
  text-decoration:none!important;direction:ltr!important;
}
body.home-page .fx-top-pill{display:flex!important;}
.fx-top-pill .pill-cap{font-size:8px!important;font-weight:800!important;letter-spacing:1.2px!important;color:var(--fx-mut)!important;display:block!important;line-height:1!important;}
.fx-top-pill .pill-val{font-size:13px!important;font-weight:800!important;color:#fff!important;line-height:1.15!important;display:block!important;white-space:nowrap!important;}
.fx-top-pill .pill-val em{font-style:normal!important;color:var(--fx-green)!important;font-size:10px!important;}
.fx-top-pill .pill-plus{
  width:26px!important;height:26px!important;border-radius:8px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(160deg,var(--fx-blue),var(--fx-blue2))!important;color:#fff!important;
  font-size:17px!important;font-weight:900!important;font-style:normal!important;
  box-shadow:0 4px 12px rgba(22,102,255,.5),inset 0 1px 0 rgba(200,225,255,.4)!important;
}

.fx-bell{display:none!important;position:relative!important;background:transparent!important;border:0!important;padding:6px!important;cursor:pointer!important;}
body.home-page .fx-bell{display:block!important;}
.fx-bell svg{stroke:#dceaff!important;}
.fx-bell-dot{position:absolute!important;top:5px!important;right:5px!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#ff3b5c!important;border:2px solid var(--fx-bg)!important;}

/* ------------------------------------------------------------------ HERO */
.fx-hero{
  position:relative!important;overflow:hidden!important;
  margin:12px 10px 4px!important;border-radius:20px!important;
  border:1px solid var(--fx-line)!important;
  background:linear-gradient(160deg,#0a1f3c 0%, #050f1f 70%)!important;
  min-height:172px!important;
  box-shadow:0 14px 34px rgba(0,5,15,.55),inset 0 1px 0 rgba(150,200,255,.12)!important;
}
.fx-hero-img{
  position:absolute!important;top:0!important;bottom:0!important;right:0!important;width:62%!important;
  object-fit:cover!important;object-position:right top!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 34%)!important;
}
.fx-hero::after{content:''!important;position:absolute!important;inset:0!important;
  background:radial-gradient(60% 90% at 88% 20%, rgba(56,182,255,.18), transparent 60%)!important;pointer-events:none!important;}
.fx-hero-in{position:relative!important;z-index:2!important;padding:18px 16px 34px!important;max-width:62%!important;}
.fx-hero-kicker{font-size:10px!important;font-weight:800!important;letter-spacing:2px!important;color:#cfe6ff!important;margin-bottom:8px!important;}
.fx-hero-kicker b{color:var(--fx-gold)!important;}
.fx-hero h1{margin:0 0 6px!important;font-size:23px!important;line-height:1.04!important;font-weight:900!important;color:#fff!important;letter-spacing:.2px!important;}
.fx-hero h1 em{font-style:italic!important;background:linear-gradient(90deg,#2f7dff,var(--fx-cyan))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.fx-hero-sub{font-size:10.5px!important;color:var(--fx-mut)!important;letter-spacing:1px!important;font-weight:700!important;}
.fx-hero-sub b{color:#fff!important;font-size:15px!important;}
.fx-hero-cta{
  display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:12px!important;
  background:linear-gradient(160deg,#2f7dff,#0a48c9)!important;color:#fff!important;border:0!important;
  font-size:12.5px!important;font-weight:900!important;letter-spacing:1px!important;
  padding:9px 18px!important;border-radius:10px!important;text-decoration:none!important;
  box-shadow:0 8px 20px rgba(22,102,255,.45),inset 0 1px 0 rgba(200,225,255,.5)!important;
  transition:transform .14s ease,filter .14s ease!important;
}
.fx-hero-cta:active{transform:scale(.94)!important;filter:brightness(1.1)!important;}
.fx-hero-dots{position:absolute!important;bottom:10px!important;left:0!important;right:0!important;display:flex!important;gap:5px!important;justify-content:center!important;z-index:3!important;}
.fx-hero-dots i{width:14px!important;height:4px!important;border-radius:99px!important;background:rgba(150,200,255,.25)!important;transition:background .3s,width .3s!important;}
.fx-hero-dots i.on{width:22px!important;background:var(--fx-cyan)!important;box-shadow:0 0 8px rgba(56,182,255,.8)!important;}

/* ------------------------------------------------------- شبكة الأيقونات 4 أعمدة */
.fz-home-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:10px!important;padding:14px 10px 6px!important;background:transparent!important;
}
.fz-tile{
  aspect-ratio:.82!important;border-radius:16px!important;
  background:linear-gradient(170deg,var(--fx-card2) 0%,var(--fx-card) 100%)!important;
  border:1px solid var(--fx-line)!important;
  box-shadow:0 8px 20px rgba(0,4,12,.45),inset 0 1px 0 rgba(150,200,255,.08)!important;
  transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease!important;
  animation:fxTileIn .45s cubic-bezier(.2,.8,.2,1) both!important;
  animation-delay:calc(var(--i,0)*40ms)!important;
}
.fz-home-grid .fz-tile:nth-child(1){--i:0}.fz-home-grid .fz-tile:nth-child(2){--i:1}
.fz-home-grid .fz-tile:nth-child(3){--i:2}.fz-home-grid .fz-tile:nth-child(4){--i:3}
.fz-home-grid .fz-tile:nth-child(5){--i:4}.fz-home-grid .fz-tile:nth-child(6){--i:5}
.fz-home-grid .fz-tile:nth-child(7){--i:6}.fz-home-grid .fz-tile:nth-child(8){--i:7}
@keyframes fxTileIn{from{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}
.fz-tile:active{transform:scale(.93)!important;box-shadow:0 3px 10px rgba(0,4,12,.5),inset 0 0 0 1.5px rgba(56,182,255,.55)!important;}
.fz-tile .tile-glow{display:none!important;}
.fz-tile .tile-open{display:none!important;}
.fz-tile .tile-icon{top:38%!important;width:56%!important;height:52%!important;
  filter:drop-shadow(0 0 12px rgba(56,182,255,.75)) drop-shadow(0 0 3px rgba(56,182,255,.6))!important;}
.fz-tile .tile-icon svg{stroke:#8fd0ff!important;}
.fz-tile .tile-label{
  position:absolute!important;left:4px!important;right:4px!important;bottom:9px!important;
  text-align:center!important;font-size:clamp(10.5px,2.9vw,12px)!important;font-weight:700!important;
  color:#dceaff!important;text-shadow:0 1px 4px rgba(0,0,0,.6)!important;
}
.fx-tile-live{position:absolute!important;top:8px!important;right:8px!important;z-index:2!important;
  font-size:8px!important;font-weight:900!important;letter-spacing:.8px!important;color:#fff!important;
  background:linear-gradient(135deg,#ff3b5c,#c81e3a)!important;padding:3px 7px!important;border-radius:6px!important;
  box-shadow:0 3px 10px rgba(255,59,92,.45)!important;}
.fx-tile-live::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff;margin-right:4px;animation:fxBlink 1s infinite!important}
@keyframes fxBlink{50%{opacity:.25}}

/* ----------------------------------------------------------- شريط الفائزين */
.fz-winners-bar{margin:6px 10px 12px!important;border-radius:12px!important;overflow:hidden!important;
  background:linear-gradient(90deg,rgba(0,80,40,.5),rgba(4,20,14,.6))!important;
  border:1px solid rgba(46,255,138,.22)!important;}
.fz-winner-chip{background:rgba(0,40,22,.55)!important;border:1px solid rgba(46,255,138,.25)!important;border-radius:999px!important;}
.winner-amount{color:var(--fx-green)!important;font-weight:900!important;}

/* -------------------------------------------------------------- عناوين الأقسام */
.fx-sec{display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin:16px 12px 10px!important;}
.fx-sec h2{margin:0!important;font-size:13.5px!important;font-weight:900!important;letter-spacing:1.1px!important;color:#fff!important;}
.fx-sec a{font-size:11px!important;font-weight:800!important;letter-spacing:.8px!important;color:var(--fx-cyan)!important;text-decoration:none!important;}

/* -------------------------------------------------------------- TOP JEUX */
.fx-games{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:2px 10px 8px!important;
  scroll-snap-type:x mandatory!important;}
.fx-game{flex:0 0 118px!important;scroll-snap-align:start!important;text-decoration:none!important;position:relative!important;}
.fx-game img{width:118px!important;height:150px!important;object-fit:cover!important;border-radius:14px!important;display:block!important;
  border:1px solid rgba(150,200,255,.14)!important;box-shadow:0 10px 22px rgba(0,4,12,.5)!important;
  transition:transform .15s ease!important;background:#0a1c34!important;}
.fx-game:active img{transform:scale(.95)!important;}
.fx-game span{display:block!important;margin-top:6px!important;font-size:11px!important;font-weight:700!important;color:#dceaff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fx-game .fx-live-mini{position:absolute!important;top:8px!important;left:8px!important;font-size:8px!important;font-weight:900!important;
  background:#ff3b5c!important;color:#fff!important;padding:2px 6px!important;border-radius:5px!important;letter-spacing:.6px!important;}

/* -------------------------------------------------------------- المباشر الآن */
.fx-tabs{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:0 10px 10px!important;}
.fx-tab{flex:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:7px 13px!important;border-radius:10px!important;font-size:11.5px!important;font-weight:800!important;
  color:var(--fx-mut)!important;background:transparent!important;border:1px solid transparent!important;cursor:pointer!important;}
.fx-tab.on{color:#fff!important;background:linear-gradient(160deg,rgba(22,102,255,.35),rgba(22,102,255,.15))!important;
  border:1px solid rgba(56,182,255,.4)!important;box-shadow:inset 0 -2px 0 rgba(56,182,255,.7)!important;}

.fx-live-card{margin:0 10px!important;background:var(--fx-card)!important;border:1px solid var(--fx-line)!important;
  border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 26px rgba(0,4,12,.5)!important;}
.fx-live-league{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;
  font-size:10.5px!important;font-weight:700!important;color:var(--fx-mut)!important;border-bottom:1px solid rgba(70,140,220,.12)!important;}
.fx-live-cols{margin-inline-start:auto!important;display:flex!important;gap:26px!important;margin-right:18px!important;}
.fx-live-cols b{font-size:10px!important;color:var(--fx-mut)!important;font-weight:800!important;}

.fx-match{display:flex!important;align-items:center!important;gap:8px!important;padding:11px 12px!important;
  border-bottom:1px solid rgba(70,140,220,.10)!important;text-decoration:none!important;}
.fx-match:last-child{border-bottom:0!important;}
.fx-match:active{background:rgba(22,102,255,.08)!important;}
.fx-teams{flex:1!important;min-width:0!important;}
.fx-team{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:700!important;color:#eaf2ff!important;padding:2.5px 0!important;}
.fx-club{width:20px!important;height:20px!important;flex:none!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  font-size:8.5px!important;font-weight:900!important;color:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.4)!important;}
.fx-state{width:52px!important;flex:none!important;text-align:center!important;}
.fx-score{display:block!important;font-size:14.5px!important;font-weight:900!important;color:#fff!important;letter-spacing:.5px!important;}
.fx-min{display:block!important;font-size:10px!important;font-weight:800!important;color:var(--fx-green)!important;margin-top:2px!important;}
.fx-odds{display:flex!important;gap:6px!important;align-items:center!important;}
.fx-odd{min-width:50px!important;padding:8px 0!important;text-align:center!important;font-size:12.5px!important;font-weight:800!important;color:#fff!important;
  background:#0b2240!important;border:1px solid rgba(56,182,255,.30)!important;border-radius:9px!important;
  transition:transform .12s ease,background .12s ease!important;}
.fx-odd:active{transform:scale(.92)!important;background:#122f58!important;}
.fx-more{font-size:11px!important;font-weight:800!important;color:var(--fx-cyan)!important;white-space:nowrap!important;}

/* -------------------------------------------------------------- الشريط السفلي */
.fz-footer,.fz-footer.logged-in{
  left:0!important;right:0!important;bottom:0!important;max-width:480px!important;
  height:64px!important;border-radius:0!important;
  background:rgba(3,9,16,.96)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  border-top:1px solid rgba(70,140,220,.18)!important;
  grid-template-columns:repeat(5,1fr)!important;
  box-shadow:0 -8px 30px rgba(0,0,0,.5)!important;
  padding:0 4px!important;
}
.fz-foot{color:var(--fx-mut)!important;font-size:9.5px!important;gap:3px!important;padding-bottom:8px!important;}
.fz-foot.active{color:#fff!important;background:transparent!important;box-shadow:none!important;}
.fz-foot.active::after{display:none!important;}
.fz-foot.active span:last-child{color:var(--fx-cyan)!important;font-weight:800!important;}
.fz-foot-ico{width:24px!important;height:24px!important;margin:0!important;}

/* زر الإيداع الدائري البارز */
.fz-foot.fz-depot{overflow:visible!important;}
.fz-depot-circle{
  width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  margin-top:-26px!important;font-size:26px!important;font-weight:400!important;color:#fff!important;line-height:1!important;
  background:linear-gradient(160deg,#2f7dff,#0a48c9)!important;
  border:4px solid var(--fx-bg)!important;
  box-shadow:0 8px 22px rgba(22,102,255,.55),inset 0 1px 0 rgba(200,225,255,.5)!important;
  transition:transform .14s ease!important;
}
.fz-foot.fz-depot:active .fz-depot-circle{transform:scale(.9)!important;}
.fz-foot.fz-depot span:last-child{color:var(--fx-cyan)!important;font-weight:800!important;}

/* أيقونة همبرغر الفوتر */
.fx-burger{display:grid!important;gap:4px!important;place-content:center!important;width:24px!important;height:24px!important;}
.fx-burger span{display:block!important;width:20px!important;height:2.2px!important;border-radius:2px!important;background:currentColor!important;}

/* -------------------------------------------------------------- صفحات داخلية */
.fz-content.subpage{background:transparent!important;}
.oro-card,.sp-card,.lm-event,.power-card,.res-league-card,.oro-summary-card,.oro-filter-card,.vip-stat-box,.account-row{
  background:linear-gradient(175deg,var(--fx-card2),var(--fx-card))!important;
  border:1px solid var(--fx-line)!important;border-radius:14px!important;color:var(--fx-txt)!important;
  box-shadow:0 6px 18px rgba(0,4,12,.4)!important;
}
.modal>div{background:linear-gradient(170deg,#0b2038,#051022)!important;border:1px solid rgba(56,182,255,.35)!important;
  border-radius:18px!important;color:#eaf2ff!important;}
.modal button,.fz-auth-submit{
  background:linear-gradient(160deg,#2f7dff,#0a48c9)!important;border-radius:11px!important;
  box-shadow:0 6px 18px rgba(22,102,255,.4)!important;font-weight:800!important;}
.fz-auth-input,.res-search-input,input,select,textarea{
  background:#081a30!important;border:1px solid var(--fx-line)!important;border-radius:11px!important;color:#fff!important;}
input:focus,select:focus,textarea:focus{border-color:var(--fx-cyan)!important;box-shadow:0 0 0 3px rgba(56,182,255,.18)!important;outline:none!important;}
#accBalanceAmount,.acc-balance-emerald{color:var(--fx-green)!important;}
.fz-drawer{background:linear-gradient(170deg,#08182e,#030b15)!important;border-left:1px solid rgba(56,182,255,.25)!important;}
.fz-drawer .drawer-head{background:linear-gradient(135deg,rgba(22,102,255,.4),rgba(4,14,26,.9))!important;
  border-bottom:1px solid rgba(56,182,255,.3)!important;}
.fz-drawer a{border-bottom:1px solid rgba(70,140,220,.1)!important;}
.fz-drawer a:active,.fz-drawer a:hover{background:rgba(22,102,255,.16)!important;color:var(--fx-cyan)!important;}
.shade{background:rgba(1,5,11,.8)!important;}

/* -------------------------------------------------------------- السبلاش */
.fz-splash{background:
  radial-gradient(130% 80% at 50% -5%, #0c4d92 0%, transparent 55%),
  linear-gradient(180deg,#062356 0%,#041530 55%,#020a16 100%)!important;}
.fz-splash-brand-text{letter-spacing:6px!important;text-shadow:0 0 30px rgba(56,182,255,.6)!important;}
.fz-splash-spin-ring{border-top-color:var(--fx-gold)!important;border-right-color:var(--fx-cyan)!important;}

@media (prefers-reduced-motion:reduce){
  .fz-tile,.fx-tile-live::before{animation:none!important;}
}

/* =================================================================
   PRO v2 — إصلاحات دقيقة (تغلّب على classic.css بالأولوية الأعلى)
   ================================================================= */

/* 1) الخلفية: كحلي داكن على كامل الرئيسية */
body.home-page, body.home-page .fz-app, body.home-page .fz-content,
body.home-page .fz-home-grid, .home-page #content {
  background-color: transparent !important;
}
body.home-page, body.home-page .fz-app {
  background:
    radial-gradient(130% 55% at 50% -8%, rgba(22,102,255,.22) 0%, transparent 60%),
    linear-gradient(180deg,#061224 0%, #040c17 60%) !important;
}

/* 2) البطاقات: داكنة بأيقونات نيون (تغلّب مؤكد) */
body.home-page .fz-home-grid .fz-tile,
.fz-home-grid .fz-tile,
#content .fz-tile {
  background: linear-gradient(170deg, #0d2242 0%, #071224 100%) !important;
  border: 1px solid rgba(56,182,255,.30) !important;
  border-radius: 16px !important;
  aspect-ratio: .95 !important;
  box-shadow: 0 8px 20px rgba(0,4,12,.45), inset 0 1px 0 rgba(150,200,255,.10) !important;
}
body.home-page .fz-tile .tile-icon,
#content .fz-tile .tile-icon {
  top: 40% !important;
  width: 58% !important;
  height: 56% !important;
  filter: drop-shadow(0 0 11px rgba(56,182,255,.8)) drop-shadow(0 2px 6px rgba(0,10,25,.5)) !important;
}
body.home-page .fz-tile .tile-label,
#content .fz-tile .tile-label {
  position: absolute !important;
  left: 4px !important; right: 4px !important; bottom: 8px !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  color: #dceaff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.65) !important;
}
body.home-page .fz-tile:active {
  transform: scale(.93) !important;
  box-shadow: 0 3px 10px rgba(0,4,12,.5), inset 0 0 0 1.5px rgba(56,182,255,.55) !important;
}
/* حذف بقايا السهم واللمعة القديمة */
.fz-tile .tile-open, .fz-tile .tile-glow { display: none !important; }

/* 3) شريط الفائزين: زجاجي زمردي داكن */
body.home-page .fz-winners-bar, .fz-winners-bar {
  background: linear-gradient(90deg, rgba(2,44,26,.85), rgba(3,24,16,.9)) !important;
  border: 1px solid rgba(46,255,138,.25) !important;
  border-radius: 12px !important;
  margin: 8px 10px 12px !important;
}
.fz-winner-chip {
  background: rgba(0,40,22,.6) !important;
  border: 1px solid rgba(46,255,138,.3) !important;
  border-radius: 999px !important;
  color: #c9ffe3 !important;
}
.winner-name, .winner-game { color: #bfe9d3 !important; }
.winner-amount { color: #2eff8a !important; font-weight: 900 !important; }

/* 4) الهيبو: أدق وأنيق */
.fx-hero { min-height: 160px !important; border-radius: 18px !important; }
.fx-hero-in { padding: 16px 14px 32px !important; max-width: 64% !important; }
.fx-hero h1 { font-size: 21px !important; }
.fx-hero-img { width: 58% !important; object-position: right 20% !important; }
.fx-hero-dots { bottom: 9px !important; }

/* 5) TOP JEUX: بطاقات أصغر وأرشق */
.fx-games { gap: 8px !important; padding: 2px 10px 10px !important; }
.fx-game { flex: 0 0 92px !important; }
.fx-game img {
  width: 92px !important;
  height: 116px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(150,200,255,.16) !important;
  box-shadow: 0 8px 18px rgba(0,4,12,.5) !important;
}
.fx-game span { font-size: 10px !important; margin-top: 5px !important; }
.fx-game .fx-live-mini { font-size: 7.5px !important; top: 6px !important; left: 6px !important; }
.fx-sec { margin: 14px 12px 8px !important; }
.fx-sec h2 { font-size: 12.5px !important; letter-spacing: 1.3px !important; }

/* 6) بطاقة المباشر أدق */
.fx-live-card { border-radius: 14px !important; }
.fx-odd { min-width: 46px !important; padding: 7px 0 !important; font-size: 12px !important; border-radius: 8px !important; }
.fx-teams .fx-team { font-size: 11.5px !important; }
.fx-score { font-size: 14px !important; }

/* =================================================================
   PRO v3 — صفحات الألعاب (Casino / Live / Mini jeux) باحترافية عالية
   ================================================================= */

/* الحاوية: كحلي داكن كامل */
.oro-shell{
  background:linear-gradient(180deg,#071730 0%,#04101f 70%)!important;
  min-height:100vh!important;
  padding-bottom:110px!important;
}
.oro-head{display:none!important;} /* العنوان موجود في الشريط العلوي */

/* شريط البحث: متماسك بلا فيض */
.oro-casino-top{
  position:sticky!important;top:58px!important;z-index:40!important;
  background:linear-gradient(180deg,rgba(5,16,31,.96),rgba(5,16,31,.88))!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  border-bottom:1px solid rgba(56,182,255,.18)!important;
  padding:10px 10px 8px!important;
}
.oro-search-row{display:flex!important;gap:8px!important;align-items:center!important;width:100%!important;}
.oro-search-box{
  flex:1 1 auto!important;min-width:0!important;height:44px!important;
  background:#0a1c34!important;border:1px solid rgba(70,140,220,.28)!important;
  border-radius:12px!important;color:#fff!important;padding:0 14px!important;
  font-size:14px!important;
  box-shadow:inset 0 2px 6px rgba(0,5,15,.4)!important;
}
.oro-search-box:focus{border-color:#38b6ff!important;box-shadow:0 0 0 3px rgba(56,182,255,.18),inset 0 2px 6px rgba(0,5,15,.4)!important;outline:none!important;}
.oro-search-box::placeholder{color:rgba(150,190,230,.55)!important;}
.oro-icon-btn,.oro-filter-btn{
  flex:none!important;height:44px!important;min-width:46px!important;padding:0 13px!important;
  border-radius:12px!important;border:1px solid rgba(70,140,220,.28)!important;
  background:#0d2242!important;color:#cfe6ff!important;font-size:15px!important;font-weight:800!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  transition:transform .12s ease,filter .12s ease!important;
}
.oro-icon-btn{background:linear-gradient(160deg,#1666ff,#0a48c9)!important;border-color:transparent!important;color:#fff!important;
  box-shadow:0 6px 16px rgba(22,102,255,.4)!important;}
.oro-icon-btn:active,.oro-filter-btn:active{transform:scale(.92)!important;filter:brightness(1.15)!important;}

/* التبويبات: مقطعية داكنة */
.oro-tabs{display:flex!important;gap:8px!important;margin-top:9px!important;}
.oro-tab{
  flex:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  height:42px!important;border-radius:12px!important;border:1px solid rgba(70,140,220,.22)!important;
  background:rgba(10,28,52,.65)!important;color:#9fc3ea!important;font-size:12.5px!important;font-weight:800!important;
  transition:all .15s ease!important;
}
.oro-tab-ico{font-size:13px!important;}
.oro-tab.active{
  background:linear-gradient(160deg,rgba(22,102,255,.5),rgba(22,102,255,.25))!important;
  border-color:rgba(56,182,255,.55)!important;color:#fff!important;
  box-shadow:0 0 16px rgba(22,102,255,.35),inset 0 1px 0 rgba(180,215,255,.25)!important;
}
.oro-tab:active{transform:scale(.94)!important;}

/* شبكة الألعاب: عمودان، أغلفة كبيرة فاخرة */
.oro-grid{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;
  gap:11px!important;padding:12px 10px!important;
}
.oro-card{
  border-radius:15px!important;overflow:hidden!important;
  background:#0a1c34!important;border:1px solid rgba(70,140,220,.25)!important;
  box-shadow:0 10px 24px rgba(0,4,12,.55)!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
.oro-card:active{transform:scale(.96)!important;border-color:rgba(56,182,255,.6)!important;
  box-shadow:0 4px 14px rgba(0,4,12,.5),0 0 18px rgba(56,182,255,.25)!important;}
.oro-thumb{position:relative!important;aspect-ratio:4/3.3!important;background:#08162a!important;overflow:hidden!important;}
.oro-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.oro-thumb::after{content:''!important;position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,transparent 55%,rgba(3,10,20,.92) 100%)!important;pointer-events:none!important;}
.oro-game-name{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;
  padding:18px 10px 8px!important;font-size:12px!important;font-weight:800!important;color:#fff!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-shadow:0 1px 5px rgba(0,0,0,.8)!important;
}
.oro-action{position:absolute!important;inset:0!important;background:transparent!important;border:0!important;cursor:pointer!important;z-index:3!important;}

/* زر تحميل المزيد */
.oro-more-wrap{display:flex!important;justify-content:center!important;padding:6px 0 14px!important;}
.oro-more{
  min-width:200px!important;height:44px!important;border:0!important;border-radius:12px!important;
  background:linear-gradient(160deg,#1666ff,#0a48c9)!important;color:#fff!important;
  font-size:13.5px!important;font-weight:800!important;letter-spacing:.4px!important;
  box-shadow:0 8px 20px rgba(22,102,255,.4)!important;
}
.oro-more:active{transform:scale(.95)!important;}

/* حالة الفراغ: زجاجية داكنة أنيقة (بدل البياض المكسور) */
.oro-empty{
  margin:26px 14px!important;padding:42px 22px!important;text-align:center!important;
  background:rgba(9,26,48,.55)!important;border:1px dashed rgba(56,182,255,.35)!important;
  border-radius:18px!important;color:#9fc3ea!important;font-size:13.5px!important;line-height:1.9!important;
}
.oro-empty b{display:block!important;color:#fff!important;font-size:15px!important;margin:10px 0 4px!important;}
.oro-empty p{margin:0 0 14px!important;color:#9fc3ea!important;font-size:12.5px!important;}
.oro-empty .fx-empty-ico{font-size:38px!important;filter:drop-shadow(0 0 14px rgba(56,182,255,.6))!important;}
.oro-empty .oro-more{margin-top:6px!important;}
.fx-empty{animation:fxFadeUp .35s ease both!important;}

/* نافذة الفلترة: داكنة فاخرة */
.oro-filter-overlay{position:fixed!important;inset:0!important;background:rgba(1,5,11,.72)!important;
  backdrop-filter:blur(6px)!important;z-index:80!important;}
.oro-filter-modal{
  background:linear-gradient(170deg,#0a1f3c,#050f1f)!important;
  border:1px solid rgba(56,182,255,.3)!important;border-radius:20px 20px 0 0!important;
  color:#eaf2ff!important;
}
.oro-filter-section{font-size:12px!important;font-weight:900!important;letter-spacing:1.2px!important;color:#38b6ff!important;
  margin:16px 14px 8px!important;text-transform:uppercase!important;}
.oro-filter-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:0 14px!important;}
.oro-filter-card{
  background:rgba(10,28,52,.7)!important;border:1px solid rgba(70,140,220,.25)!important;
  border-radius:13px!important;padding:12px 8px!important;text-align:center!important;cursor:pointer!important;
  transition:all .13s ease!important;
}
.oro-filter-card.active{
  border-color:#ffd700!important;background:rgba(255,215,0,.12)!important;
  box-shadow:0 0 14px rgba(255,215,0,.25)!important;
}
.oro-filter-name{font-size:11.5px!important;font-weight:800!important;color:#eaf2ff!important;}
.oro-filter-badge{
  display:inline-block!important;margin-top:6px!important;font-size:10px!important;font-weight:900!important;
  background:rgba(22,102,255,.35)!important;color:#cfe6ff!important;border-radius:999px!important;padding:2px 8px!important;
}
.oro-filter-card.active .oro-filter-badge{background:#ffd700!important;color:#231a00!important;}
.oro-filter-actions{display:flex!important;gap:10px!important;padding:16px 14px 20px!important;}
.oro-filter-cancel{flex:1!important;height:44px!important;border-radius:12px!important;border:1px solid rgba(70,140,220,.35)!important;
  background:transparent!important;color:#9fc3ea!important;font-weight:800!important;font-size:13px!important;}
.oro-filter-ok{flex:2!important;height:44px!important;border:0!important;border-radius:12px!important;
  background:linear-gradient(160deg,#1666ff,#0a48c9)!important;color:#fff!important;font-weight:900!important;font-size:13.5px!important;
  box-shadow:0 8px 20px rgba(22,102,255,.4)!important;}

/* =================================================================
   PRO v4 — صفحة تسجيل الدخول الاحترافية (CSS فقط — كل المعالِم محفوظة)
   ================================================================= */
.fz-auth-shell{
  min-height: calc(100vh - 122px) !important;
  display: flex !important; align-items: flex-start !important; justify-content: center !important;
  padding: 26px 14px 30px !important;
  background:
    radial-gradient(80% 40% at 50% 0%, rgba(22,102,255,.20) 0%, transparent 60%),
    radial-gradient(55% 30% at 85% 15%, rgba(0,179,255,.10) 0%, transparent 60%) !important;
}
.fz-auth-box{ width: 100% !important; max-width: 400px !important; animation: fxFadeUp .45s cubic-bezier(.2,.8,.2,1) both !important; }

/* رأس الصفحة: شارة + شعار متوهج */
.fz-auth-header{ text-align: center !important; margin-bottom: 20px !important; background: none !important; border: 0 !important; }
.fz-auth-badge{
  display: inline-flex !important; align-items: center !important; gap: 7px !important;
  font-size: 9.5px !important; font-weight: 800 !important; letter-spacing: 1.8px !important;
  color: #9fd8ff !important; background: rgba(22,102,255,.14) !important;
  border: 1px solid rgba(56,182,255,.30) !important; border-radius: 999px !important;
  padding: 6px 13px !important; margin-bottom: 14px !important;
}
.fz-auth-dot{ width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #2eff8a !important; box-shadow: 0 0 8px #2eff8a !important; animation: fxBlink 1.6s infinite !important; }
.fz-auth-logo{ width: 158px !important; height: auto !important; display: block !important; margin: 0 auto 14px !important; filter: drop-shadow(0 0 16px rgba(56,182,255,.45)) !important; }
.fz-auth-header h2{ margin: 0 0 6px !important; font-size: 23px !important; font-weight: 900 !important; color: #fff !important; letter-spacing: .3px !important; }
.fz-auth-header p{ margin: 0 !important; font-size: 13px !important; color: #9fc3ea !important; line-height: 1.7 !important; }

/* البطاقة الزجاجية */
form.fz-auth-card{
  background: linear-gradient(170deg, rgba(13,34,66,.92) 0%, rgba(6,16,31,.94) 100%) !important;
  border: 1px solid rgba(56,182,255,.25) !important;
  border-radius: 22px !important;
  padding: 24px 20px 20px !important;
  box-shadow: 0 24px 60px rgba(0,4,14,.6), inset 0 1px 0 rgba(160,210,255,.12) !important;
  backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important;
}
.fz-auth-field{ margin-bottom: 16px !important; }
.fz-auth-label{
  display: block !important; font-size: 11px !important; font-weight: 800 !important;
  letter-spacing: .6px !important; color: #9fc3ea !important; margin: 0 0 7px 2px !important;
}
.fz-auth-input-wrap{ position: relative !important; display: flex !important; align-items: center !important; }
.fz-input-ico{
  position: absolute !important; inset-inline-start: 13px !important; z-index: 2 !important;
  width: 18px !important; height: 18px !important; color: #5f83ad !important; pointer-events: none !important;
  transition: color .15s ease !important;
}
.fz-input-ico svg{ width: 18px !important; height: 18px !important; display: block !important; }
.fz-auth-input{
  width: 100% !important; height: 50px !important;
  background: #081830 !important; border: 1px solid rgba(70,140,220,.28) !important;
  border-radius: 14px !important; color: #fff !important; font-size: 15px !important;
  padding: 0 42px 0 40px !important; padding-inline-start: 42px !important; padding-inline-end: 42px !important;
  box-shadow: inset 0 2px 8px rgba(0,5,15,.35) !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
.fz-auth-input:focus{
  border-color: #38b6ff !important;
  box-shadow: 0 0 0 3px rgba(56,182,255,.20), inset 0 2px 8px rgba(0,5,15,.35) !important;
  outline: none !important;
}
.fz-auth-input:focus ~ .fz-input-ico, .fz-auth-input-wrap:focus-within .fz-input-ico{ color: #38b6ff !important; }
.fz-auth-input::placeholder{ color: rgba(150,190,230,.45) !important; font-size: 13.5px !important; }

/* زر إظهار كلمة المرور */
.fz-auth-eye{
  position: absolute !important; inset-inline-end: 8px !important; z-index: 2 !important;
  width: 36px !important; height: 36px !important; border: 0 !important; background: transparent !important;
  color: #5f83ad !important; display: grid !important; place-items: center !important; cursor: pointer !important;
  border-radius: 10px !important; transition: background .14s, color .14s !important;
}
.fz-auth-eye svg{ width: 19px !important; height: 19px !important; }
.fz-auth-eye:active{ transform: scale(.9) !important; }
.fz-auth-eye.active{ color: #ffd700 !important; background: rgba(255,215,0,.10) !important; }

/* تذكر الحساب */
.fz-auth-options{ margin: 2px 0 18px !important; }
.fz-auth-stay{ display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 12.5px !important; color: #9fc3ea !important; cursor: pointer !important; }
.fz-auth-stay input{ width: 17px !important; height: 17px !important; accent-color: #ffd700 !important; margin: 0 !important; background: transparent !important; border-radius: 5px !important; }

/* زر الدخول الرئيسي */
.fz-auth-submit{
  width: 100% !important; height: 52px !important; border: 0 !important; border-radius: 14px !important;
  background: linear-gradient(160deg, #2f7dff 0%, #1666ff 45%, #0a48c9 100%) !important;
  color: #fff !important; font-size: 15.5px !important; font-weight: 900 !important; letter-spacing: .6px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  box-shadow: 0 12px 28px rgba(22,102,255,.45), inset 0 1px 0 rgba(200,225,255,.45) !important;
  transition: transform .14s cubic-bezier(.2,.8,.2,1), filter .14s ease !important;
  cursor: pointer !important;
}
.fz-auth-submit:active{ transform: scale(.97) !important; filter: brightness(1.12) !important; }
.fz-auth-submit .btn-arrow{ font-size: 22px !important; line-height: 1 !important; opacity: .85 !important; }
.fz-auth-submit.loading{ pointer-events: none !important; filter: brightness(.92) !important; }
.fz-auth-submit.loading .btn-spinner{
  border: 2.5px solid rgba(255,255,255,.3) !important;
  border-top-color: #ffd700 !important;
  animation: fzSpin .7s linear infinite !important;
}

/* الفاصل */
.fz-auth-divider{
  display: flex !important; align-items: center !important; gap: 12px !important;
  margin: 20px 0 14px !important; text-align: center !important;
  font-size: 11.5px !important; font-weight: 700 !important; color: #7d9cc4 !important;
}
.fz-auth-divider::before, .fz-auth-divider::after{
  content: '' !important; flex: 1 !important; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(56,182,255,.35)) !important;
}
.fz-auth-divider::after{ background: linear-gradient(90deg, rgba(56,182,255,.35), transparent) !important; }

/* زر الوكيل الثانوي */
.fz-auth-secondary{
  width: 100% !important; height: 48px !important; border-radius: 13px !important;
  background: rgba(255,215,0,.08) !important; border: 1.5px solid rgba(255,215,0,.45) !important;
  color: #ffd700 !important; font-size: 13.5px !important; font-weight: 800 !important;
  transition: transform .14s, background .14s !important; cursor: pointer !important;
}
.fz-auth-secondary:active{ transform: scale(.97) !important; background: rgba(255,215,0,.16) !important; }

/* الملاحظة */
.fz-auth-info{ margin-top: 14px !important; }
.fz-auth-info p{ margin: 0 !important; font-size: 11.5px !important; color: #7d9cc4 !important; line-height: 1.8 !important; text-align: center !important; }

/* التذييل الأمني */
.fz-auth-safe{
  margin-top: 16px !important; padding-top: 14px !important;
  border-top: 1px solid rgba(56,182,255,.14) !important;
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
  font-size: 10px !important; color: #5f83ad !important;
}
.fz-auth-safe svg{ color: #2eff8a !important; flex: none !important; }

/* PRO v5 — إزالة زر لوحة الألوان من الشريط العلوي (بطلب صاحب الموقع) */
.fz-topbar .fz-theme-btn{ display: none !important; }

/* =================================================================
   PRO v6 — شريط الفائزين المباشر (بهوية FORZZA: كحلي/أزرق/ذهبي)
   ================================================================= */
.fz-winners-bar{
  display: flex !important; align-items: stretch !important;
  margin: 10px 10px 6px !important; padding: 0 !important;
  background: linear-gradient(90deg, #081a31 0%, #050f1f 100%) !important;
  border: 1px solid rgba(56,182,255,.30) !important;
  border-radius: 14px !important; overflow: hidden !important;
  min-height: 42px !important;
  box-shadow: 0 8px 22px rgba(0,5,15,.45), inset 0 1px 0 rgba(170,215,255,.10) !important;
}

/* علامة EN DIRECT — كبسولة زرقاء متدرجة بنقطة نابضة */
.fz-winners-tag{
  display: flex !important; align-items: center !important; gap: 6px !important;
  padding: 0 13px !important; flex: none !important;
  background: linear-gradient(160deg, #1666ff 0%, #0a48c9 100%) !important;
  box-shadow: inset 0 1px 0 rgba(200,225,255,.4), 4px 0 14px rgba(22,102,255,.35) !important;
}
.fz-winners-tag::before{ content: '🏆' !important; font-size: 12px !important; filter: drop-shadow(0 0 5px rgba(255,215,0,.7)) !important; }
.fz-winners-tag .fz-winners-tag-text{
  font-size: 10px !important; font-weight: 900 !important; letter-spacing: 1.4px !important; color: #fff !important;
}
.fz-live-dot{
  width: 7px !important; height: 7px !important; border-radius: 50% !important; flex: none !important;
  background: #2eff8a !important; box-shadow: 0 0 8px #2eff8a !important; animation: fxBlink 1.4s infinite !important;
}

/* المسار: حواف متلاشية ناعمة */
.fz-winners-track-wrap{
  flex: 1 !important; overflow: hidden !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%) !important;
}
.fz-winners-track{ align-items: center !important; }

/* الرقائق: زجاج داكن بحدود سماوية */
.fz-winner-chip{
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  background: rgba(11,32,58,.75) !important;
  border: 1px solid rgba(56,182,255,.28) !important;
  border-radius: 999px !important; padding: 5px 12px !important; margin-inline-end: 8px !important;
  box-shadow: inset 0 1px 0 rgba(170,215,255,.10) !important;
  white-space: nowrap !important;
}
.winner-name{ color: #ffffff !important; font-weight: 800 !important; font-size: 11px !important; }
.winner-game{ color: #38b6ff !important; font-weight: 700 !important; font-size: 10.5px !important; }
.winner-amount{
  color: #ffd700 !important; font-weight: 900 !important; font-size: 11.5px !important;
  text-shadow: 0 0 10px rgba(255,215,0,.35) !important;
}
.winner-sep{ color: rgba(56,182,255,.35) !important; margin-inline-start: 2px !important; }

/* PERF v1 — هيكل تحميل (Skeleton) احترافي + ظهور ناعم للصور */
.fz-skel-grid{pointer-events:none!important;}
.fz-skel .oro-thumb{background:linear-gradient(100deg,#0a1b33 30%,#123058 50%,#0a1b33 70%)!important;background-size:220% 100%!important;animation:fzSkel 1.15s ease-in-out infinite!important;}
.fz-skel .oro-thumb::after{display:none!important;}
.fz-skel-line{height:10px!important;margin:10px 12px 12px!important;border-radius:6px!important;background:linear-gradient(100deg,#0a1b33 30%,#123058 50%,#0a1b33 70%)!important;background-size:220% 100%!important;animation:fzSkel 1.15s ease-in-out infinite!important;}
@keyframes fzSkel{0%{background-position:120% 0}100%{background-position:-120% 0}}
.oro-thumb img,.fx-game img,.fz-recent-thumb img{background:#08162a!important;content-visibility:auto;}
.oro-card{content-visibility:auto!important;contain-intrinsic-size:180px 200px!important;}
.oro-thumb img{opacity:0;transition:opacity .28s ease-out!important;}
.oro-thumb img.fz-in,.oro-thumb img[data-loaded="1"]{opacity:1;}
@media (prefers-reduced-motion:reduce){.fz-skel .oro-thumb,.fz-skel-line{animation:none!important}.oro-thumb img{opacity:1;transition:none!important}}

/* WALLET v1 — شارة "رصيد داخل اللعبة" */
.fz-ingame-badge{display:inline-flex!important;align-items:center!important;margin-inline-start:6px!important;padding:2px 7px!important;border-radius:999px!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.3px!important;color:#ffd700!important;background:rgba(255,215,0,.12)!important;border:1px solid rgba(255,215,0,.35)!important;white-space:nowrap!important;}

/* ====================== NAV v1 : bottom bar like reference (line icons, blue active, raised sports) ====================== */
:root{--nv-ico:#8ea3c4;--nv-on:#2f9bff;--nv-blue:#1b8cff;--nv-blue2:#0a5fe0;}
body.home-page .fx-top-pill{display:none!important;}            /* wallet pill in topbar removed */
body.home-page .fz-topbar{justify-content:flex-start!important;}
body.home-page .fx-bell{margin-left:auto!important;}

body .fz-footer,body .fz-footer.four-items,body .fz-footer.logged-in,body .fz-footer.logged-in.four-items{
  height:66px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  background:rgba(4,11,20,.97)!important;border-top:1px solid rgba(70,140,220,.14)!important;padding:0 6px!important;
  box-shadow:0 -8px 30px rgba(0,0,0,.5)!important;
}
body .fz-footer .fz-foot{height:66px!important;color:var(--nv-ico)!important;font-size:10.5px!important;font-weight:700!important;gap:4px!important;
  padding:8px 0 9px!important;justify-content:center!important;letter-spacing:.1px!important;text-shadow:none!important;border:0!important;position:relative!important;background:transparent!important;}
body .fz-footer .fz-foot:first-of-type{background:transparent!important;}
body.home-page .fz-app{padding-bottom:70px!important;}
.fz-footer .fz-foot-ico,.fz-footer .fz-foot-ico[data-icon]{
  width:26px!important;height:26px!important;margin:0!important;opacity:1!important;
  background:var(--nv-ico)!important;background-image:none!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:contain!important;mask-size:contain!important;
  filter:none!important;transition:background .15s,transform .15s!important;
}
.fz-footer .fz-foot.active{background:transparent!important;color:var(--nv-on)!important;}
.fz-footer .fz-foot.active span:last-child{color:var(--nv-on)!important;font-weight:800!important;}
.fz-footer .fz-foot.active .fz-foot-ico{background:var(--nv-on)!important;transform:none!important;filter:none!important;}
.fz-footer .fz-foot.active::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;bottom:4px!important;
  width:26px!important;height:3px!important;border-radius:3px!important;background:var(--nv-on)!important;transform:translateX(-50%)!important;box-shadow:0 0 8px var(--nv-on)!important;}
.fz-footer .fz-foot.active .fz-badge{display:flex!important;}

/* icons (masks) */
.fz-footer .fz-foot-ico[data-icon="home"]{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/></svg>")!important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/></svg>")!important;}
.fz-footer .fz-foot-ico[data-icon="login"],.fz-footer .fz-foot-ico[data-icon="account"]{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/></svg>")!important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/></svg>")!important;}
.fz-footer .fz-foot-ico[data-icon="vip"]{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5z'/><path d='M5 19h14'/></svg>")!important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5z'/><path d='M5 19h14'/></svg>")!important;}
.fz-footer .fz-foot-ico[data-icon="menu"]{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M4 7h16M4 12h16M4 17h16'/></svg>")!important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M4 7h16M4 12h16M4 17h16'/></svg>")!important;}
.fz-footer .fz-foot-ico[data-icon="sports"]{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9.2'/><path d='M12 7.2l4.2 3-1.6 4.9H9.4L7.8 10.2z' fill='black'/><path d='M12 2.8v4.4M20.9 9.6l-4.7.6M17.6 20.2l-3-5.1M6.4 20.2l3-5.1M3.1 9.6l4.7.6'/></svg>")!important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9.2'/><path d='M12 7.2l4.2 3-1.6 4.9H9.4L7.8 10.2z' fill='black'/><path d='M12 2.8v4.4M20.9 9.6l-4.7.6M17.6 20.2l-3-5.1M6.4 20.2l3-5.1M3.1 9.6l4.7.6'/></svg>")!important;}

/* raised centre Sportsbook button (replaces Dépôt) */
.fz-footer .fz-foot.fz-sportbtn{overflow:visible!important;}
.fz-sport-circle{
  width:58px!important;height:58px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  margin-top:-30px!important;
  background:linear-gradient(160deg,var(--nv-blue),var(--nv-blue2))!important;
  border:4px solid #060d17!important;
  box-shadow:0 8px 24px rgba(27,140,255,.55),0 0 0 1px rgba(90,170,255,.25),inset 0 1px 0 rgba(200,225,255,.45)!important;
  transition:transform .14s ease!important;
}
.fz-sport-circle .fz-foot-ico{width:28px!important;height:28px!important;background:#fff!important;}
.fz-footer .fz-foot.fz-sportbtn span:last-child{color:var(--nv-ico)!important;font-weight:700!important;}
.fz-footer .fz-foot.fz-sportbtn.active span:last-child{color:var(--nv-on)!important;}
.fz-footer .fz-foot.fz-sportbtn.active::after{display:none!important;}
.fz-footer .fz-foot.fz-sportbtn:active .fz-sport-circle{transform:scale(.92)!important;}
/* balance badge on account tab: keep it small & on-brand */
.fz-footer .fz-foot .fz-badge{top:-6px!important;font-size:9.5px!important;height:16px!important;min-width:28px!important;padding:0 5px!important;border-radius:8px!important;background:#0b8f3a!important;}

/* ====================== ACCOUNT PAGE (Compte) — on-brand dark ====================== */
.fz-acc{padding:12px 12px 90px!important;color:var(--fx-txt)!important;background:transparent!important;direction:inherit;}
.fz-acc-hero{border-radius:18px!important;padding:16px 16px 14px!important;position:relative;overflow:hidden;
  background:linear-gradient(160deg,#0e2a55 0%,#07142a 60%,#061024 100%)!important;border:1px solid rgba(70,140,220,.28)!important;
  box-shadow:0 10px 30px rgba(0,4,12,.55),inset 0 1px 0 rgba(120,180,255,.15)!important;}
.fz-acc-hero::before{content:"";position:absolute;right:-40px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(56,182,255,.28),transparent 65%);pointer-events:none;}
.fz-acc-user{display:flex;align-items:center;gap:12px;}
.fz-acc-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:19px;color:#fff;
  background:linear-gradient(160deg,#2f7dff,#0a48c9);box-shadow:0 6px 16px rgba(22,102,255,.5),inset 0 1px 0 rgba(200,225,255,.45);flex:0 0 46px;}
.fz-acc-name{display:flex;flex-direction:column;min-width:0;flex:1;}
.fz-acc-name b{font-size:17px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fz-acc-name small{font-size:11px;color:var(--fx-mut);display:flex;align-items:center;gap:6px;margin-top:2px;}
.fz-acc-dot{width:7px;height:7px;border-radius:50%;background:var(--fx-green);box-shadow:0 0 8px var(--fx-green);display:inline-block;}
.fz-acc-refresh{width:38px;height:38px;border-radius:12px;border:1px solid rgba(70,140,220,.3)!important;background:rgba(9,26,48,.9)!important;color:#cfe3ff;display:grid;place-items:center;padding:0;flex:0 0 38px;}
.fz-acc-refresh.spin svg{animation:fzSpin .8s linear infinite;}
@keyframes fzSpin{to{transform:rotate(360deg)}}
.fz-acc-balbox{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(3,10,22,.55);border:1px solid rgba(70,140,220,.18);display:flex;flex-direction:column;gap:3px;}
.fz-acc-ballabel{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--fx-mut);}
.fz-acc-balval{display:flex;align-items:baseline;gap:6px;direction:ltr;}
.fz-acc-balval b{font-size:32px;font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1.05;}
.fz-acc-balval em{font-style:normal;font-size:13px;font-weight:800;color:var(--fx-green);}
.fz-acc-ingame{font-size:11px;font-weight:700;color:var(--fx-gold);}
.fz-acc-agent{font-size:11px;color:var(--fx-mut);margin-top:4px;}
.fz-acc-group{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid var(--fx-line);background:linear-gradient(175deg,var(--fx-card2),var(--fx-card));box-shadow:0 6px 18px rgba(0,4,12,.4);}
.fz-acc-row{display:flex!important;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;background:transparent!important;color:var(--fx-txt)!important;text-align:start;font:inherit;border-bottom:1px solid rgba(70,140,220,.12)!important;position:relative;}
.fz-acc-row:last-child{border-bottom:0!important;}
.fz-acc-row:active{background:rgba(56,182,255,.08)!important;}
.fz-acc-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 36px;color:var(--fx-cyan);background:rgba(56,182,255,.1);border:1px solid rgba(56,182,255,.18);}
.fz-acc-ico svg{width:20px;height:20px;}
.fz-acc-txt{display:flex;flex-direction:column;flex:1;min-width:0;}
.fz-acc-txt b{font-size:14.5px;font-weight:700;color:#eaf2ff;}
.fz-acc-txt small{font-size:11px;color:var(--fx-mut);margin-top:1px;}
.fz-acc-chev{color:#5f7ba3;display:grid;place-items:center;}
html[dir=rtl] .fz-acc-chev svg{transform:scaleX(-1);}
.fz-acc-danger .fz-acc-ico{color:#ff5d73;background:rgba(255,59,92,.1);border-color:rgba(255,59,92,.22);}
.fz-acc-danger .fz-acc-txt b{color:#ff6b7f;}
.fz-acc-foot{text-align:center;font-size:11px;color:var(--fx-mut);padding:16px 0 4px;}
/* the subpage container must stay dark behind the account page */
body:not(.home-page) .fz-content.subpage:has(.fz-acc){background:var(--fx-bg)!important;padding:0!important;}