/* =====================================================================
   OROLADO — style « Galaxy » (écran de trading, téléphone + PC)
   Fond univers, soldes DÉMO / COMPTE RÉEL dans leurs boutons, marchés en logos,
   terminal à durées verticales, ACHETER / VENDRE modernes.
   Fichier chargé en dernier : identifiants doublés + !important pour passer
   devant les anciennes règles sans les toucher. Dessin seulement.
   ===================================================================== */
:root{
  --gx-bg0:#080817;
  --gx-bg1:#0D0B24;
  --gx-panel:rgba(20,18,48,.62);
  --gx-panel2:rgba(28,25,64,.72);
  --gx-line:rgba(150,140,255,.16);
  --gx-line2:rgba(150,140,255,.26);
  --gx-txt:#EEF0FF;
  --gx-mu:#9B9DC9;
  --gx-ac:#FF9F2E;
  --gx-ac2:#FF7A1A;
  --gx-green:#22D47F;
  --gx-red:#FF4D5E;
}

/* ---------- fond de l'écran : univers ---------- */
html body #screenTrade#screenTrade,
html body #fsTradeOverlay#fsTradeOverlay{
  background:
    url("galaxy-space.svg?v=2488") center top/cover no-repeat,
    radial-gradient(120% 55% at 0% 0%,rgba(124,58,237,.26),transparent 62%),
    radial-gradient(80% 45% at 100% 18%,rgba(255,138,0,.10),transparent 62%),
    radial-gradient(110% 55% at 50% 112%,rgba(46,84,220,.20),transparent 62%),
    linear-gradient(180deg,var(--gx-bg1) 0%,var(--gx-bg0) 100%)!important;
  background-color:var(--gx-bg0)!important;
}
html body #screenTrade#screenTrade .trade-shell,
html body #screenTrade#screenTrade .topbar,
html body #screenTrade#screenTrade .trade-wrap,
html body #fsTradeOverlay#fsTradeOverlay .trade-wrap,
html body #fsTradeOverlay#fsTradeOverlay .fs-trade-slot{
  background:transparent!important;box-shadow:none!important;border-color:transparent!important;
}
/* les flammes oranges du bas ne vont plus avec l'univers */
html body #screenTrade#screenTrade .fire-bed{display:none!important}

/* ---------- barre du haut ---------- */
html body #screenTrade#screenTrade .topbar-actions .help-badge,
html body #screenTrade#screenTrade .topbar-actions #btnProfile,
html body #screenTrade#screenTrade .topbar-actions .lang-dd-btn{
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
  border-radius:10px!important;color:#D9DBF5!important;
}
html body #screenTrade#screenTrade .topbar-actions .help-badge::before,
html body #screenTrade#screenTrade .topbar-actions .help-badge::after,
html body #screenTrade#screenTrade .topbar-actions #btnProfile::before,
html body #screenTrade#screenTrade .topbar-actions #btnProfile::after,
html body #screenTrade#screenTrade .topbar-actions .lang-dd-btn::before,
html body #screenTrade#screenTrade .topbar-actions .lang-dd-btn::after{display:none!important;content:none!important}
html body #screenTrade#screenTrade .help-badge .hb-txt,
html body #screenTrade#screenTrade #btnProfile .pf-emo{display:none!important}
html body #screenTrade#screenTrade .help-badge,
html body #screenTrade#screenTrade #btnProfile{
  display:inline-grid!important;place-items:center!important;font-size:0!important;padding:0!important;
}
html body #screenTrade#screenTrade .gx-ico{
  width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;
  filter:drop-shadow(0 0 6px rgba(140,150,255,.25));
}
html body #screenTrade#screenTrade .topbar-actions .lang-dd-btn .lang-flag{
  border-radius:4px!important;box-shadow:0 0 0 1px rgba(255,255,255,.18)!important;
}

/* Recharger : même place, même taille, dessin plus riche */
html body #screenTrade#screenTrade .topbar-cta{
  background:linear-gradient(180deg,#FFB547 0%,#FF8A1F 52%,#F26A0A 100%)!important;
  border:1px solid rgba(255,214,150,.55)!important;
  box-shadow:0 8px 22px rgba(255,122,26,.30),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(150,60,0,.25)!important;
  overflow:hidden!important;position:relative!important;
}
html body #screenTrade#screenTrade .topbar-cta::after{
  content:""!important;display:block!important;position:absolute!important;inset:0 0 50% 0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0))!important;pointer-events:none!important;border-radius:inherit!important;
}
html body #screenTrade#screenTrade .topbar-cta .btn-deposit{
  background:transparent!important;border:0!important;box-shadow:none!important;color:#2A1200!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35)!important;font-weight:800!important;letter-spacing:.01em!important;
}
html body #screenTrade#screenTrade .topbar-cta .dep-bolt{
  display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;border-radius:50%!important;
  background:rgba(42,18,0,.88)!important;color:#FFC24D!important;font-size:10px!important;line-height:1!important;margin-right:5px!important;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.35)!important;
}
html body #screenTrade#screenTrade .topbar-cta .crypto-mini-row .coin-svg{
  filter:drop-shadow(0 1px 2px rgba(80,30,0,.45))!important;
}

/* ---------- DÉMO / COMPTE RÉEL avec leurs montants ---------- */
html body #screenTrade#screenTrade .balance-row{display:none!important}
html body #screenTrade#screenTrade .topbar-mode{padding-top:6px!important;padding-bottom:0!important;margin:0!important}
html body #screenTrade#screenTrade #modeSwitcher.mode-switch{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:8px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;align-items:stretch!important;
}
html.oro-guest body #screenTrade#screenTrade #modeSwitcher.mode-switch{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;
  height:auto!important;min-height:52px!important;padding:6px 12px!important;border-radius:14px!important;
  background:var(--gx-panel)!important;border:1px solid var(--gx-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;transform:none!important;opacity:1!important;
  text-align:left!important;overflow:hidden!important;position:relative!important;
}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn .mb-lbl,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn .mb-lbl{
  display:block!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.12em!important;line-height:1.2!important;white-space:nowrap!important;
}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn .mb-amt,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn .mb-amt{
  display:block!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.01em!important;line-height:1.25!important;
  color:#F4F5FF!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;
  font-variant-numeric:tabular-nums!important;
}
/* DÉMO */
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn[data-mode="demo"] .mb-lbl,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn[data-mode="demo"] .mb-lbl{color:#FFB65C!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn.on[data-mode="demo"],
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn.on[data-mode="demo"]{
  background:linear-gradient(135deg,rgba(255,159,46,.30),rgba(255,122,26,.12) 60%,rgba(20,18,48,.6))!important;
  border-color:rgba(255,170,80,.75)!important;
  box-shadow:0 0 0 1px rgba(255,170,80,.25),0 8px 24px rgba(255,122,26,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
/* COMPTE RÉEL */
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn[data-mode="real"] .mb-lbl,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn[data-mode="real"] .mb-lbl{color:#4BE69A!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn.on[data-mode="real"],
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn.on[data-mode="real"]{
  background:linear-gradient(135deg,rgba(34,212,127,.28),rgba(15,169,104,.12) 60%,rgba(20,18,48,.6))!important;
  border-color:rgba(60,230,150,.75)!important;
  box-shadow:0 0 0 1px rgba(60,230,150,.22),0 8px 24px rgba(15,169,104,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn:not(.on) .mb-amt,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn:not(.on) .mb-amt{color:#C9CBEA!important}
/* petit « + » de recharge entre les deux */
html body #screenTrade#screenTrade #modeSwitcher #btnDemoTopup{
  position:static!important;align-self:center!important;width:34px!important;height:34px!important;min-width:34px!important;margin:0!important;padding:0!important;
  border-radius:50%!important;display:grid!important;place-items:center!important;
  background:linear-gradient(180deg,#FFB547,#F26A0A)!important;color:#2A1200!important;border:1px solid rgba(255,214,150,.6)!important;
  box-shadow:0 6px 16px rgba(255,122,26,.35),inset 0 1px 0 rgba(255,255,255,.45)!important;transform:none!important;
}
html body #screenTrade#screenTrade #modeSwitcher #btnDemoTopup.hidden{display:none!important}
html body #screenTrade#screenTrade #modeSwitcher #btnDemoTopup .plus-ico{width:16px!important;height:16px!important}

/* ---------- marchés : logos seuls + nom dessous, défilement doux ---------- */
html body #tradeWrap#tradeWrap .asset-bar{
  display:flex!important;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;
  padding:4px 2px 2px!important;margin:6px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  scrollbar-width:none!important;mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%)!important;
}
html body #tradeWrap#tradeWrap .asset-bar::-webkit-scrollbar{display:none!important}
html body #tradeWrap#tradeWrap .asset-chip{
  flex:0 0 70px!important;width:70px!important;min-width:70px!important;height:auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:3px!important;
  padding:2px 0 4px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
  border-radius:12px!important;scroll-snap-align:start!important;transform:none!important;position:relative!important;
}
html body #tradeWrap#tradeWrap .asset-chip::before,
html body #tradeWrap#tradeWrap .asset-chip::after{display:none!important;content:none!important}
html body #tradeWrap#tradeWrap .asset-chip > .n,
html body #tradeWrap#tradeWrap .asset-chip > .payout-live{display:none!important}
html body #tradeWrap#tradeWrap .asset-chip .mk-art{
  display:block!important;width:44px!important;height:44px!important;position:relative!important;
  transition:transform .25s ease,filter .25s ease!important;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)) saturate(.92) brightness(.9)!important;opacity:.82!important;
}
html body #tradeWrap#tradeWrap .asset-chip .mk-art svg{width:100%!important;height:100%!important;display:block!important;overflow:visible!important}
html body #tradeWrap#tradeWrap .asset-chip .mk-name{
  display:block!important;font-size:10px!important;font-weight:800!important;letter-spacing:.04em!important;line-height:1.2!important;
  color:#AEB0D6!important;white-space:nowrap!important;max-width:70px!important;overflow:hidden!important;text-overflow:ellipsis!important;
  padding-bottom:3px!important;border-bottom:2px solid transparent!important;
}
html body #tradeWrap#tradeWrap .asset-chip.on .mk-art{
  transform:translateY(-1px) scale(1.08)!important;opacity:1!important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,170,80,.35))!important;
}
html body #tradeWrap#tradeWrap .asset-chip.on .mk-name{color:#FFFFFF!important;border-bottom-color:var(--gx-ac)!important}

/* ---------- barre d'outils du graphique ---------- */
html body #tradeWrap#tradeWrap .chart-card{
  background:transparent!important;border:1px solid var(--gx-line)!important;border-radius:16px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.35)!important;overflow:hidden!important;
}
html body #tradeWrap#tradeWrap .chart-toolbar{
  background:rgba(12,11,32,.55)!important;border:0!important;border-bottom:1px solid rgba(150,140,255,.10)!important;
  padding:6px 8px!important;margin:0!important;
}
html body #tradeWrap#tradeWrap .ind-pills{gap:6px!important;align-items:center!important}
html body #tradeWrap#tradeWrap .ind-btn{
  height:28px!important;min-height:28px!important;padding:0 10px!important;border-radius:9px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(150,140,255,.16)!important;box-shadow:none!important;
  font-size:11px!important;font-weight:800!important;
}
html body #tradeWrap#tradeWrap .ind-btn[data-ind="ma"]{color:#FBBF24!important}
html body #tradeWrap#tradeWrap .ind-btn[data-ind="bb"]{color:#A78BFA!important}
html body #tradeWrap#tradeWrap .ind-btn[data-ind="ema"]{color:#22D3EE!important}
html body #tradeWrap#tradeWrap .ind-btn.on,
html body #tradeWrap#tradeWrap .ind-btn.active{background:rgba(255,255,255,.14)!important;border-color:currentColor!important}
/* zoom + / − / retour : icônes loupe propres, sans cadre lourd */
html body #tradeWrap#tradeWrap .ind-btn.zoom-btn,
html body #tradeWrap#tradeWrap .chart-fs-btn{
  width:32px!important;min-width:32px!important;padding:0!important;font-size:0!important;color:transparent!important;
  background-color:rgba(255,255,255,.06)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:17px 17px!important;
}
html body #tradeWrap#tradeWrap #chartZoomIn{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9DBF5' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20 20M10.5 7.8v5.4M7.8 10.5h5.4'/%3E%3C/svg%3E")!important;
}
html body #tradeWrap#tradeWrap #chartZoomOut{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9DBF5' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20 20M7.8 10.5h5.4'/%3E%3C/svg%3E")!important;
}
html body #tradeWrap#tradeWrap .chart-fs-btn{
  height:28px!important;min-height:28px!important;border-radius:9px!important;border:1px solid rgba(255,170,80,.35)!important;box-shadow:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFA94D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E")!important;
}
html body #tradeWrap#tradeWrap .chart-fs-btn > *{display:none!important}

/* ---------- terminal (écran normal) : transparent, on voit l'univers derrière ---------- */
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{
  background:linear-gradient(180deg,rgba(30,26,74,.30),rgba(12,11,34,.42))!important;
  border:1px solid rgba(150,140,255,.20)!important;border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 -4px 24px rgba(0,0,0,.18)!important;
  padding:10px 10px 12px!important;margin-top:8px!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad::before,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad::after{display:none!important;content:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-line{
  display:grid!important;grid-template-columns:132px minmax(0,1fr) 88px!important;gap:7px!important;align-items:stretch!important;
  margin:0!important;padding:0!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-line > .dur-row{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:5px!important;
  margin:0!important;padding:0!important;width:auto!important;overflow:visible!important;
}
/* durées : le bleu d'avant */
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip{
  height:auto!important;min-height:34px!important;width:auto!important;min-width:0!important;padding:0 2px!important;margin:0!important;
  border-radius:10px!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:-.01em!important;white-space:nowrap!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip:not(.on):not(.active):not(.tap-lit){
  background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(56,189,248,.04))!important;border:1px solid rgba(56,189,248,.45)!important;
  color:#BAE6FD!important;box-shadow:0 0 8px rgba(56,189,248,.14)!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip.on,
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip.active{
  background:linear-gradient(180deg,#7DD3FC,#0EA5E9)!important;border:1px solid #BAE6FD!important;color:#04202E!important;
  box-shadow:0 0 10px rgba(56,189,248,.5)!important;
}
/* mise : couleur du compte (démo orange, réel vert) */
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-field{
  display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;height:auto!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap #inputStake{
  flex:1 1 auto!important;height:auto!important;min-height:36px!important;width:100%!important;margin:0!important;
  border-radius:11px!important;background:rgba(8,7,24,.45)!important;border:1.5px solid rgba(255,171,64,.75)!important;
  box-shadow:inset 0 1px 6px rgba(0,0,0,.4),0 0 10px rgba(255,140,30,.18)!important;
  color:#FFB65C!important;-webkit-text-fill-color:#FFB65C!important;caret-color:#FFB65C!important;
  font-size:18px!important;font-weight:800!important;text-align:center!important;padding:0 8px!important;
}
html:not(.fs-trade) body #screenTrade.mode-real #tradeWrap#tradeWrap #inputStake{
  border-color:rgba(34,224,122,.8)!important;box-shadow:inset 0 1px 6px rgba(0,0,0,.4),0 0 10px rgba(34,224,122,.2)!important;
  color:#22E07A!important;-webkit-text-fill-color:#22E07A!important;caret-color:#22E07A!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-min{
  display:block!important;margin:0!important;padding:0!important;position:static!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-min-label{display:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-min-actions{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .qbtn.stake-act{
  width:auto!important;min-width:0!important;height:28px!important;min-height:28px!important;padding:0!important;margin:0!important;
  border-radius:8px!important;font-size:12px!important;font-weight:800!important;line-height:1!important;
  background:linear-gradient(180deg,rgba(56,189,248,.12),rgba(56,189,248,.03))!important;border:1px solid rgba(56,189,248,.32)!important;
  color:#D6EEFF!important;box-shadow:none!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .qbtn.stake-plus1{color:#FFB65C!important}
html:not(.fs-trade) body #screenTrade.mode-real #tradeWrap#tradeWrap .qbtn.stake-plus1{color:#22E07A!important}
/* gain prévu */
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  margin:0!important;padding:6px 4px!important;min-width:0!important;width:auto!important;height:auto!important;
  border-radius:13px!important;background:linear-gradient(180deg,rgba(34,212,127,.16),rgba(34,212,127,.04))!important;
  border:1px solid rgba(60,230,150,.40)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .label{display:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .amount{
  font-size:18px!important;font-weight:800!important;color:#3BF29A!important;line-height:1.1!important;white-space:nowrap!important;
  text-shadow:0 0 12px rgba(59,242,154,.25)!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .mult{
  font-size:10px!important;font-weight:800!important;color:#BFE9D2!important;background:rgba(0,0,0,.28)!important;
  border:0!important;border-radius:999px!important;padding:2px 7px!important;white-space:nowrap!important;
}
/* payouts : à leur place, avec leurs couleurs d'avant (orange, turquoise, violet, or) */
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-row{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:8px 0 0!important;padding:0!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip{
  height:auto!important;min-height:38px!important;padding:3px 2px!important;margin:0!important;border-radius:11px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip .odds-mult{font-size:14px!important;font-weight:800!important;line-height:1.15!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip .odds-pct{font-size:8.5px!important;font-weight:800!important;letter-spacing:.12em!important;color:rgba(255,255,255,.7)!important;text-transform:uppercase!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="1.9"]:not(.on){background:rgba(249,115,22,.16)!important;border:1px solid #F97316!important;box-shadow:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="1.9"]:not(.on) .odds-mult{color:#FDBA74!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="5"]:not(.on){background:rgba(6,182,212,.16)!important;border:1px solid #06B6D4!important;box-shadow:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="5"]:not(.on) .odds-mult{color:#67E8F9!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="10"]:not(.on){background:rgba(168,85,247,.18)!important;border:1px solid #A855F7!important;box-shadow:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="10"]:not(.on) .odds-mult{color:#D8B4FE!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="50"]:not(.on){background:rgba(245,158,11,.16)!important;border:1px solid #F59E0B!important;box-shadow:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="50"]:not(.on) .odds-mult{color:#FCD34D!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="1.9"].on{background:linear-gradient(180deg,#FB923C,#EA580C)!important;border:1px solid #FDBA74!important;box-shadow:0 0 16px rgba(249,115,22,.55)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="5"].on{background:linear-gradient(180deg,#22D3EE,#0891B2)!important;border:1px solid #A5F3FC!important;box-shadow:0 0 16px rgba(6,182,212,.55)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="10"].on{background:linear-gradient(180deg,#C084FC,#9333EA)!important;border:1px solid #E9D5FF!important;box-shadow:0 0 18px rgba(168,85,247,.55)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip[data-odds="50"].on{background:linear-gradient(180deg,#FBBF24,#D97706)!important;border:1px solid #FDE68A!important;box-shadow:0 0 18px rgba(245,158,11,.55)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip.on .odds-mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .odds-chip.on .odds-pct{color:#FFFFFF!important}

/* ---------- ACHETER / VENDRE (normal + plein écran) ---------- */
html body #tradeWrap#tradeWrap .trade-row{gap:10px!important;margin-top:10px!important}
html body #tradeWrap#tradeWrap .btn-trade{
  position:relative!important;overflow:hidden!important;border:0!important;border-radius:16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:54px!important;color:#FFFFFF!important;font-size:17px!important;font-weight:800!important;letter-spacing:.05em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;transform:none!important;
}
html body #tradeWrap#tradeWrap .btn-trade::before{
  content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0))!important;pointer-events:none!important;border-radius:16px 16px 0 0!important;
}
html body #tradeWrap#tradeWrap .btn-trade::after{display:none!important;content:none!important}
html body #tradeWrap#tradeWrap .btn-call{
  background:linear-gradient(180deg,#2BE38B 0%,#16B96E 55%,#0E9A5A 100%)!important;
  box-shadow:0 10px 26px rgba(15,169,104,.38),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,60,30,.25)!important;
}
html body #tradeWrap#tradeWrap .btn-put{
  background:linear-gradient(180deg,#FF5F6F 0%,#EC3048 55%,#C91F37 100%)!important;
  box-shadow:0 10px 26px rgba(224,35,63,.38),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 0 rgba(90,0,20,.25)!important;
}
html body #tradeWrap#tradeWrap .btn-trade .bt-txt{position:relative!important;z-index:1!important}
html body #tradeWrap#tradeWrap .btn-trade .bt-arr{
  position:relative!important;z-index:1!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important;
}
html body #tradeWrap#tradeWrap .btn-trade:active{transform:scale(.98)!important;filter:brightness(1.06)!important}
html body #tradeWrap#tradeWrap .btn-trade:disabled,
html body #tradeWrap#tradeWrap .btn-trade.busy{filter:saturate(.6) brightness(.85)!important}

/* =====================================================================
   PLEIN ÉCRAN
   ===================================================================== */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding-top:max(4px,env(safe-area-inset-top))!important;padding-bottom:2px!important;min-height:0!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTopBalance,
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-coin{display:none!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch{
  display:flex!important;align-items:center!important;gap:6px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn{
  min-height:44px!important;padding:4px 10px!important;border-radius:12px!important;min-width:0!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn .mb-lbl{font-size:9.5px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn .mb-amt{font-size:14px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mid-plus{
  width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;
  background:linear-gradient(180deg,#FFB547,#F26A0A)!important;color:#2A1200!important;border:1px solid rgba(255,214,150,.6)!important;
  box-shadow:0 6px 14px rgba(255,122,26,.35),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close{
  background:rgba(255,77,94,.10)!important;border:1px solid rgba(255,107,122,.45)!important;color:#FF8090!important;border-radius:12px!important;
  box-shadow:none!important;
}
/* marchés un peu plus petits en plein écran */
html.fs-trade body #tradeWrap#tradeWrap .asset-chip{flex-basis:58px!important;width:58px!important;min-width:58px!important;gap:2px!important;padding-bottom:2px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-art{width:32px!important;height:32px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:9px!important;max-width:58px!important;padding-bottom:2px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-bar{margin-top:2px!important;padding-top:2px!important}

/* ---------- corrections (priorité plus forte) ---------- */
html body #screenTrade#screenTrade #btnHelp#btnHelp,
html body #screenTrade#screenTrade #btnProfile#btnProfile,
html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-dd-btn{
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;color:#D9DBF5!important;
}
html body #screenTrade#screenTrade #btnHelp#btnHelp .gx-ico,
html body #screenTrade#screenTrade #btnProfile#btnProfile .gx-ico{color:#D9DBF5!important;stroke:#D9DBF5!important}
html body #screenTrade#screenTrade #btnHelp#btnHelp{width:34px!important;height:34px!important}
html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-dd-btn .lang-chev{color:#9B9DC9!important}
html body #screenTrade#screenTrade #modeSwitcher#modeSwitcher > .mode-btn::before,
html body #screenTrade#screenTrade #modeSwitcher#modeSwitcher > .mode-btn::after,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn::before,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn::after{display:none!important;content:none!important}
html body #tradeWrap#tradeWrap #btnCall#btnCall,
html body #tradeWrap#tradeWrap #btnPut#btnPut{flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0 10px!important}
html body #tradeWrap#tradeWrap #chartReset#chartReset{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9DBF5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.2-5.3M4.5 4.5v4.2h4.2'/%3E%3C/svg%3E")!important;
}
html body #tradeWrap#tradeWrap .asset-bar .asset-chip{max-height:none!important;height:auto!important;overflow:visible!important}
html body #tradeWrap#tradeWrap .asset-chip .mk-art,
html body #tradeWrap#tradeWrap .asset-chip .mk-name{flex:0 0 auto!important}
html body #tradeWrap#tradeWrap .asset-bar{height:auto!important;max-height:none!important;min-height:0!important}
html body #screenTrade#screenTrade #langBarTrade#langBarTrade{background:transparent!important;box-shadow:none!important;border:0!important}
html body #tradeWrap#tradeWrap .asset-chip{flex-basis:76px!important;width:76px!important;min-width:76px!important}
html body #tradeWrap#tradeWrap .asset-chip .mk-name{max-width:76px!important;letter-spacing:.01em!important;font-size:9.8px!important;text-overflow:clip!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip{flex-basis:62px!important;width:62px!important;min-width:62px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-name{max-width:62px!important;font-size:8.4px!important}
html body #tradeWrap#tradeWrap #btnCall#btnCall .bt-txt,
html body #tradeWrap#tradeWrap #btnPut#btnPut .bt-txt{font-size:17px!important;font-weight:800!important;letter-spacing:.06em!important;line-height:1!important}
/* plein écran : DÉMO / + / COMPTE RÉEL prennent toute la largeur, QUITTER compact à droite */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar{
  display:flex!important;align-items:center!important;gap:8px!important;padding-left:8px!important;padding-right:8px!important;height:auto!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-top-start{display:none!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-top-mid-home{
  flex:1 1 auto!important;min-width:0!important;display:block!important;position:static!important;transform:none!important;left:auto!important;right:auto!important;width:auto!important;margin:0!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTopMid{
  width:100%!important;display:block!important;position:static!important;transform:none!important;left:auto!important;right:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch{width:100%!important;max-width:none!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn{flex:1 1 0!important;width:auto!important;max-width:none!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-top-end{flex:0 0 auto!important;position:static!important;margin:0!important;transform:none!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close{
  height:44px!important;min-height:44px!important;padding:0 10px!important;gap:5px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close .fs-exit-ico{width:16px!important;height:16px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close{
  flex-direction:column!important;width:54px!important;min-width:54px!important;padding:0 2px!important;gap:2px!important;justify-content:center!important;align-items:center!important;
  font-size:8.5px!important;letter-spacing:.06em!important;
}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close .fs-exit-ico{width:17px!important;height:17px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch{gap:5px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn{padding:4px 8px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn .mb-amt{font-size:13.5px!important;text-overflow:clip!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mid-plus{width:28px!important;height:28px!important;min-width:28px!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta{border-radius:999px!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-label{font-size:13px!important;font-weight:800!important;color:#2A1200!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-bolt{display:inline-grid!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-line{grid-template-columns:minmax(0,1.15fr) minmax(0,1.05fr) minmax(0,.78fr)!important}
@media (max-width:370px){
  html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip{font-size:10.5px!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .qbtn.stake-act{font-size:11px!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .amount{font-size:16px!important}
  html body #screenTrade#screenTrade #modeSwitcher > .mode-btn .mb-amt{font-size:14.5px!important}
}

/* =====================================================================
   Retouches 2 (demandées par le propriétaire)
   ===================================================================== */
/* DÉMO / COMPTE RÉEL : les couleurs pures d'avant, bien visibles comme des cartes */
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn.on[data-mode="demo"],
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn.on[data-mode="demo"]{
  background:linear-gradient(135deg,#FFB300 0%,#FF8A00 55%,#FF6D00 100%)!important;border-color:rgba(255,214,150,.95)!important;
  box-shadow:0 8px 22px rgba(255,109,0,.38),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(120,40,0,.25)!important;
}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn.on[data-mode="demo"] .mb-lbl,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn.on[data-mode="demo"] .mb-lbl{color:#4A2000!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn.on[data-mode="demo"] .mb-amt,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn.on[data-mode="demo"] .mb-amt{color:#1A0D00!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn.on[data-mode="real"],
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn.on[data-mode="real"]{
  background:linear-gradient(135deg,#FFE082 0%,#00E676 55%,#00C853 100%)!important;border-color:rgba(200,255,220,.95)!important;
  box-shadow:0 8px 22px rgba(0,200,83,.36),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,70,30,.25)!important;
}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn.on[data-mode="real"] .mb-lbl,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn.on[data-mode="real"] .mb-lbl{color:#06361B!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn.on[data-mode="real"] .mb-amt,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn.on[data-mode="real"] .mb-amt{color:#04140A!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn:not(.on)[data-mode="demo"],
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn:not(.on)[data-mode="demo"]{
  background:linear-gradient(135deg,rgba(255,152,0,.16),rgba(255,152,0,.05))!important;border-color:rgba(255,171,64,.6)!important;box-shadow:none!important;
}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn:not(.on)[data-mode="demo"] .mb-amt,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn:not(.on)[data-mode="demo"] .mb-amt{color:#FFE2BD!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn:not(.on)[data-mode="real"],
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn:not(.on)[data-mode="real"]{
  background:linear-gradient(135deg,rgba(0,230,118,.15),rgba(0,230,118,.04))!important;border-color:rgba(0,230,118,.55)!important;box-shadow:none!important;
}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn:not(.on)[data-mode="real"] .mb-amt,
html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn:not(.on)[data-mode="real"] .mb-amt{color:#CFF8E2!important}

/* plein écran : plus de « + » entre DÉMO et COMPTE RÉEL */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mid-plus{display:none!important}

/* marchés : chaque logo dans son globe, comme une planète différente */
html body #tradeWrap#tradeWrap .asset-chip[data-asset="v100"]{--p1:#7CFFB0;--p2:#0E7A3E;--pg:rgba(34,197,94,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="stable"]{--p1:#FF8A9B;--p2:#9B0F27;--pg:rgba(255,34,68,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="apex500"]{--p1:#FFE9A8;--p2:#9A6200;--pg:rgba(251,191,36,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="horizon50"]{--p1:#FFC88A;--p2:#B24A08;--pg:rgba(255,152,0,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="crash300"]{--p1:#FFB09B;--p2:#A3260E;--pg:rgba(255,90,54,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="goldtrend"]{--p1:#FFE29A;--p2:#7E5200;--pg:rgba(245,158,11,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="boomspike"]{--p1:#8CFFC6;--p2:#006B37;--pg:rgba(0,230,118,.4)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="nexusprime"]{--p1:#9DF4FF;--p2:#006A8A;--pg:rgba(0,229,255,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="v75"]{--p1:#FF9CC2;--p2:#8C0036;--pg:rgba(255,45,117,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="titanpulse"]{--p1:#CDBBFF;--p2:#3B1E8C;--pg:rgba(167,139,250,.5)}
html body #tradeWrap#tradeWrap .asset-chip .mk-art{
  width:50px!important;height:50px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 24%),
    repeating-linear-gradient(-22deg,rgba(255,255,255,.07) 0 3px,rgba(0,0,0,.07) 3px 9px),
    radial-gradient(circle at 38% 34%,var(--p1) 0%,var(--p2) 58%,#07051A 100%)!important;
  box-shadow:inset -7px -9px 16px rgba(0,0,0,.62),inset 2px 3px 6px rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.10),0 0 14px var(--pg)!important;
  filter:none!important;opacity:.9!important;
}
html body #tradeWrap#tradeWrap .asset-chip .mk-art svg{
  width:64%!important;height:64%!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))!important;
}
html body #tradeWrap#tradeWrap .asset-chip.on .mk-art{
  opacity:1!important;transform:scale(1.08)!important;filter:none!important;
  box-shadow:inset -7px -9px 16px rgba(0,0,0,.55),inset 2px 3px 6px rgba(255,255,255,.25),0 0 0 2px rgba(255,196,120,.95),0 0 22px var(--pg)!important;
}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-art{width:36px!important;height:36px!important}

/* =====================================================================
   Retouches 3 (demandées par le propriétaire)
   ===================================================================== */
/* VOLATILITY : globe plus doux, un peu vers le blanc (ne ressemble plus à VALAC) */
html body #tradeWrap#tradeWrap .asset-chip[data-asset="v100"]{--p1:#F2FFF6;--p2:#3E9A6C;--pg:rgba(160,255,200,.4)}

/* non inscrit : pas de bonhomme, seulement « ? » et la langue */
html.oro-guest body #screenTrade#screenTrade #btnProfile#btnProfile{display:none!important}
/* « Aide » écrit en petit sous le « ? » */
html body #screenTrade#screenTrade #btnHelp#btnHelp{
  display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
  width:36px!important;height:38px!important;
}
html body #screenTrade#screenTrade #btnHelp#btnHelp .gx-ico{width:20px!important;height:20px!important}
html body #screenTrade#screenTrade #btnHelp#btnHelp .hb-txt{
  display:block!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.04em!important;line-height:1!important;color:#C9CBEA!important;
  white-space:nowrap!important;text-transform:none!important;
}

/* plus de « + » entre DÉMO et COMPTE RÉEL (inscrit ou non) */
html body #screenTrade#screenTrade #modeSwitcher #btnDemoTopup{display:none!important}
html body #screenTrade#screenTrade #modeSwitcher#modeSwitcher.mode-switch{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}

/* barre du haut : logo à gauche, Recharger (ou Connexion / Inscription) pile au milieu, icônes à droite, tout sur une ligne droite */
html body #screenTrade#screenTrade .topbar-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;column-gap:6px!important;
}
html body #screenTrade#screenTrade .topbar-row > .brand-lockup{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important;margin:0!important}
html body #screenTrade#screenTrade .topbar-row > #authQuick,
html body #screenTrade#screenTrade .topbar-row > #topbarCta{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;margin:0!important;position:relative!important;left:auto!important;transform:none!important}
html body #screenTrade#screenTrade .topbar-row > .topbar-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;margin:0!important}
html body #screenTrade#screenTrade #authQuick{align-items:center!important}

/* Recharger : sans le petit bouton éclair, juste le mot, dessin doré propre */
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-bolt{display:none!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta{
  background:linear-gradient(180deg,#FFE08A 0%,#FFB23A 42%,#FF8A1A 78%,#F2700A 100%)!important;
  border:1px solid rgba(255,240,200,.85)!important;
  box-shadow:0 6px 20px rgba(255,138,26,.38),0 0 0 3px rgba(255,170,60,.12),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(150,60,0,.28)!important;
  padding:0 6px!important;gap:6px!important;align-items:center!important;
}
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit{padding:0 4px!important;min-width:0!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-label{
  font-size:14px!important;font-weight:800!important;letter-spacing:.03em!important;color:#2B1300!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
}
html body #screenTrade#screenTrade #topbarCta.topbar-cta .crypto-mini-row .coin-svg{
  width:22px!important;height:22px!important;filter:drop-shadow(0 1px 2px rgba(90,35,0,.5))!important;
}

/* terminal bleu transparent, avec un peu d'univers dedans */
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{
  background:
    radial-gradient(70% 60% at 100% 0%,rgba(56,189,248,.16),transparent 70%),
    radial-gradient(60% 60% at 0% 100%,rgba(99,102,241,.16),transparent 70%),
    linear-gradient(180deg,rgba(14,52,96,.40),rgba(6,22,52,.56))!important;
  border:1px solid rgba(56,189,248,.40)!important;
  box-shadow:inset 0 1px 0 rgba(186,230,253,.14),0 0 26px rgba(56,189,248,.10)!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview{
  background:linear-gradient(180deg,rgba(56,189,248,.22),rgba(56,189,248,.06))!important;border:1px solid rgba(56,189,248,.6)!important;
  box-shadow:inset 0 1px 0 rgba(186,230,253,.18),0 0 12px rgba(56,189,248,.14)!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .amount{color:#F0F9FF!important;text-shadow:0 0 12px rgba(125,211,252,.55)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .mult{background:rgba(14,165,233,.28)!important;color:#BAE6FD!important}

/* plein écran : la case de mise a la même taille et la même forme qu'ACHETER / VENDRE */
html.fs-trade body #tradeWrap#tradeWrap .pad{gap:8px!important;align-items:stretch!important}
html.fs-trade body #tradeWrap#tradeWrap .stake-line{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}
html.fs-trade body #tradeWrap#tradeWrap .trade-row{flex:2 1 0!important;gap:8px!important;margin:0!important;min-width:0!important}
html.fs-trade body #tradeWrap#tradeWrap .trade-row .btn-trade{flex:1 1 0!important;min-width:0!important;min-height:56px!important;height:56px!important}
html.fs-trade body #tradeWrap#tradeWrap .stake-field{width:100%!important;max-width:none!important;height:56px!important;min-height:56px!important;margin:0!important}
html.fs-trade body #tradeWrap#tradeWrap #inputStake{
  width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(14,52,96,.62),rgba(6,22,52,.78))!important;border:1.5px solid rgba(255,171,64,.8)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px rgba(255,140,30,.18)!important;
  font-size:20px!important;font-weight:800!important;text-align:center!important;padding:0 8px 16px 18px!important;line-height:1!important;
}
html.fs-trade body:where(.oro-real):not(#oroQ):not(.oroQ) #tradeWrap#tradeWrap #inputStake{border-color:rgba(34,224,122,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px rgba(34,224,122,.2)!important}
html body #fsTradeOverlay#fsTradeOverlay .stake-field .fs-stake-win{
  font-size:12px!important;font-weight:800!important;color:#F0F9FF!important;text-align:center!important;letter-spacing:.01em!important;
  text-shadow:0 0 8px rgba(125,211,252,.45)!important;
}

/* =====================================================================
   L'univers partout sur le site (léger, sans cacher les écritures)
   ===================================================================== */
/* page connexion / inscription : univers violet */
html body #screenAuth#screenAuth{
  background:
    linear-gradient(180deg,rgba(10,8,30,.30),rgba(10,8,30,.55)),
    url("galaxy-space2.svg?v=2367") center top/cover no-repeat,
    radial-gradient(120% 60% at 0% 0%,rgba(124,58,237,.30),transparent 62%),
    radial-gradient(90% 50% at 100% 100%,rgba(255,138,0,.12),transparent 62%),
    linear-gradient(180deg,#0E0B28,#080817)!important;
}
/* fenêtres (dépôt, retrait, aide, mot de passe…) : univers bleu nuit, très léger */
html body .modal-backdrop .modal-box{
  background:
    linear-gradient(180deg,rgba(12,14,38,.68),rgba(8,9,26,.80)),
    url("galaxy-space2.svg?v=2367") center/cover no-repeat,
    #0B0D22!important;
  border:1px solid rgba(150,140,255,.22)!important;
}
/* dépôt : nuance turquoise */
html body #depositModal .modal-box{
  background:
    radial-gradient(90% 50% at 100% 0%,rgba(20,184,166,.16),transparent 65%),
    linear-gradient(180deg,rgba(10,20,36,.66),rgba(6,12,26,.80)),
    url("galaxy-space2.svg?v=2367") center/cover no-repeat,
    #08121E!important;
  border-color:rgba(45,212,191,.28)!important;
}
/* retrait : nuance verte */
html body #withdrawModal .modal-box{
  background:
    radial-gradient(90% 50% at 0% 0%,rgba(34,197,94,.14),transparent 65%),
    linear-gradient(180deg,rgba(8,22,20,.66),rgba(5,14,14,.80)),
    url("galaxy-space2.svg?v=2367") center/cover no-repeat,
    #071311!important;
  border-color:rgba(74,222,128,.26)!important;
}
/* profil : nuance violette */
html body #drawerProfile#drawerProfile{
  background:
    radial-gradient(90% 40% at 100% 0%,rgba(168,85,247,.18),transparent 65%),
    linear-gradient(180deg,rgba(16,10,36,.66),rgba(9,7,24,.80)),
    url("galaxy-space2.svg?v=2367") center/cover no-repeat,
    #0C0820!important;
}
html body #screenTrade#screenTrade #btnHelp#btnHelp .hb-txt{order:2!important}
html body #screenTrade#screenTrade #btnHelp#btnHelp .gx-ico{order:1!important}
html body #screenTrade#screenTrade .topbar-row > #topbarCta.topbar-cta{width:166px!important;min-width:166px!important;max-width:none!important;justify-content:space-between!important}
@media (max-width:370px){html body #screenTrade#screenTrade .topbar-row > #topbarCta.topbar-cta{width:150px!important;min-width:150px!important}}
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit{flex:1 1 auto!important;justify-content:center!important}
html.fs-trade body #tradeWrap#tradeWrap #btnCall#btnCall .bt-txt,html.fs-trade body #tradeWrap#tradeWrap #btnPut#btnPut .bt-txt{font-size:15px!important;letter-spacing:.04em!important}
html.fs-trade body #tradeWrap#tradeWrap .btn-trade{gap:6px!important}
html.fs-trade body #tradeWrap#tradeWrap .btn-trade .bt-arr{width:17px!important;height:17px!important}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="boomspike"]{--p1:#FFFFFF;--p2:#7C86AE;--pg:rgba(220,228,255,.45)}

/* =====================================================================
   Retouches 4 (demandées par le propriétaire)
   ===================================================================== */
/* tout le terminal est bleu : le +1 aussi, et le cadre de la mise ; seul le MONTANT garde la couleur du compte */
html:not(.fs-trade) body #tradeWrap#tradeWrap .qbtn.stake-plus1,
html:not(.fs-trade) body #screenTrade.mode-real #tradeWrap#tradeWrap .qbtn.stake-plus1{color:#D6EEFF!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap #inputStake,
html:not(.fs-trade) body #screenTrade.mode-real #tradeWrap#tradeWrap #inputStake{
  border-color:rgba(56,189,248,.75)!important;background:linear-gradient(180deg,rgba(14,52,96,.55),rgba(6,22,52,.7))!important;
  box-shadow:inset 0 1px 6px rgba(0,0,0,.35),0 0 12px rgba(56,189,248,.22)!important;
}
html.fs-trade body #tradeWrap#tradeWrap #inputStake,
html.fs-trade body:where(.oro-real):not(#oroQ):not(.oroQ) #tradeWrap#tradeWrap #inputStake{
  border-color:rgba(56,189,248,.8)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px rgba(56,189,248,.22)!important;
}

/* la case du gain : effet glace / givre, qui donne envie */
@keyframes gxIceShine{0%{background-position:-160% 0,0 0,0 0,0 0,0 0}55%,100%{background-position:260% 0,0 0,0 0,0 0,0 0}}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview{
  position:relative!important;overflow:hidden!important;border-radius:14px!important;
  background:
    linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.42) 48%,rgba(255,255,255,0) 61%),
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.45),rgba(255,255,255,0) 38%),
    repeating-linear-gradient(62deg,rgba(255,255,255,.07) 0 2px,rgba(255,255,255,0) 2px 7px),
    repeating-linear-gradient(-48deg,rgba(255,255,255,.05) 0 1px,rgba(255,255,255,0) 1px 9px),
    linear-gradient(180deg,rgba(165,225,255,.50) 0%,rgba(56,160,230,.32) 55%,rgba(14,90,170,.40) 100%)!important;
  background-size:220% 100%,100% 100%,100% 100%,100% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
  animation:gxIceShine 4.2s ease-in-out infinite!important;
  border:1px solid rgba(214,240,255,.9)!important;
  box-shadow:inset 0 0 16px rgba(224,244,255,.45),inset 0 -6px 12px rgba(10,60,120,.35),0 0 20px rgba(125,211,252,.40),0 6px 16px rgba(0,0,0,.25)!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview::before{
  content:""!important;display:block!important;position:absolute!important;right:5px!important;top:4px!important;width:15px!important;height:15px!important;opacity:.85!important;pointer-events:none!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0FAFF' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17 20.7 7M9.5 3.5 12 6l2.5-2.5M9.5 20.5 12 18l2.5 2.5'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview::after{
  content:""!important;display:block!important;position:absolute!important;left:6px!important;bottom:5px!important;width:4px!important;height:4px!important;border-radius:50%!important;
  background:#fff!important;box-shadow:10px -14px 0 -1px rgba(255,255,255,.8),62px -2px 0 -1px rgba(255,255,255,.7)!important;opacity:.8!important;pointer-events:none!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .amount{
  position:relative!important;z-index:1!important;color:#FFFFFF!important;font-size:19px!important;
  text-shadow:0 0 10px rgba(186,230,253,.9),0 1px 2px rgba(6,40,90,.6)!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .mult{
  position:relative!important;z-index:1!important;background:rgba(255,255,255,.22)!important;color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,.45)!important;text-shadow:0 1px 1px rgba(6,40,90,.5)!important;
}
@media (prefers-reduced-motion:reduce){html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview{animation:none!important}}

/* connexion / inscription : la carte est transparente, la pyramide passe derrière sans être coupée */
html body #screenAuth#screenAuth .auth-card{
  background:linear-gradient(180deg,rgba(18,16,46,.58),rgba(10,9,30,.66))!important;
  -webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;
  border:1px solid rgba(150,140,255,.24)!important;
}

/* conditions d'utilisation : effet planète bien visible ; aide : léger */
html body #termsModal .modal-box{
  background:
    radial-gradient(70% 40% at 100% 0%,rgba(124,58,237,.22),transparent 65%),
    linear-gradient(180deg,rgba(12,12,36,.52),rgba(8,8,26,.70)),
    url("galaxy-space2.svg?v=2367") center/cover no-repeat,
    #0B0D22!important;
}
html body #helpModal .modal-box{
  background:
    linear-gradient(180deg,rgba(12,14,38,.74),rgba(8,9,26,.84)),
    url("galaxy-space2.svg?v=2367") center/cover no-repeat,
    #0B0D22!important;
}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="stable"]{--p1:#FF9CC2;--p2:#8C0036;--pg:rgba(255,45,117,.45)}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="v75"]{--p1:#FF5050;--p2:#6E000E;--pg:rgba(210,10,30,.55)}

/* =====================================================================
   Retouches 5 (demandées par le propriétaire)
   ===================================================================== */
/* logo OROLADO en haut à gauche : plus de boîte sombre, verre léger et or lumineux */
html body #screenTrade#screenTrade #brandLockup.brand-lockup.mini{
  background:linear-gradient(180deg,rgba(255,200,120,.14),rgba(255,160,60,.05))!important;
  border:1px solid rgba(255,200,120,.32)!important;border-radius:12px!important;padding:4px 9px 4px 5px!important;
  box-shadow:0 0 14px rgba(255,170,60,.14),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body #screenTrade#screenTrade #brandLockup .logo-mark{filter:drop-shadow(0 0 6px rgba(255,190,90,.55))!important}
html body #screenTrade#screenTrade #brandLockup .brand{
  background:linear-gradient(180deg,#FFF1C4 0%,#FFC24D 55%,#F08A12 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 1px 4px rgba(255,150,30,.35))!important;letter-spacing:.06em!important;
}
html body #screenTrade#screenTrade #brandLockup .brand span{color:inherit!important;-webkit-text-fill-color:transparent!important;background:inherit!important;-webkit-background-clip:text!important;background-clip:text!important}

/* case du gain : vrai effet glace (givre bleu), sans croix ni points, moins de blanc */
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview::before,
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview::after{display:none!important;content:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview{
  background:
    linear-gradient(105deg,rgba(255,255,255,0) 40%,rgba(225,245,255,.20) 50%,rgba(255,255,255,0) 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 70' fill='none' stroke='%23E6F7FF' stroke-linecap='round'%3E%3Cg stroke-opacity='.28' stroke-width='.6'%3E%3Cpath d='M0 8l14 6 6-10M14 14l-4 14M10 28l14 4 10-12M24 32l-2 16M90 4l-12 8-4 12M78 12l8 14M74 24l-10 6M0 62l10-8 12 4M10 54l2-12M90 66l-10-10-12 2M80 56l4-14'/%3E%3C/g%3E%3Cg stroke-opacity='.16' stroke-width='.5'%3E%3Cpath d='M30 0l4 10 10 2M44 12l6 10M60 70l-4-12 6-10M56 58l-14 2M36 70l2-10'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat,
    radial-gradient(110% 80% at 0% 0%,rgba(205,238,255,.32),rgba(205,238,255,0) 55%),
    radial-gradient(90% 70% at 100% 100%,rgba(120,200,255,.18),rgba(120,200,255,0) 60%),
    linear-gradient(160deg,rgba(110,190,245,.34) 0%,rgba(30,110,200,.30) 55%,rgba(8,52,128,.46) 100%)!important;
  background-size:240% 100%,100% 100%,100% 100%,100% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
  animation:gxIceShine 5s ease-in-out infinite!important;
  border:1px solid rgba(186,230,253,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 18px rgba(160,220,255,.22),inset 0 -10px 16px rgba(4,36,96,.38),0 0 16px rgba(125,211,252,.28)!important;
  transition:box-shadow .35s ease,border-color .35s ease!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .amount{color:#F4FBFF!important;text-shadow:0 0 8px rgba(160,220,255,.7),0 1px 2px rgba(4,30,80,.7)!important}
/* une petite lueur de la couleur du payout choisi (sans casser le bleu) */
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="1.9"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 18px rgba(160,220,255,.22),inset 0 -10px 16px rgba(4,36,96,.38),0 0 16px rgba(125,211,252,.25),0 0 10px rgba(249,115,22,.30)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="5"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 18px rgba(160,220,255,.22),inset 0 -10px 16px rgba(4,36,96,.38),0 0 16px rgba(125,211,252,.25),0 0 12px rgba(6,182,212,.40)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="10"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 18px rgba(160,220,255,.22),inset 0 -10px 16px rgba(4,36,96,.38),0 0 16px rgba(125,211,252,.25),0 0 12px rgba(168,85,247,.40)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="50"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 18px rgba(160,220,255,.22),inset 0 -10px 16px rgba(4,36,96,.38),0 0 16px rgba(125,211,252,.25),0 0 12px rgba(245,158,11,.40)!important}
/* « Payout 88% » sous le montant prend la couleur du payout choisi */
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .mult{transition:background .3s ease,border-color .3s ease!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="1.9"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(249,115,22,.55)!important;border-color:rgba(253,186,116,.8)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="5"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(6,182,212,.55)!important;border-color:rgba(165,243,252,.8)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="10"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(168,85,247,.55)!important;border-color:rgba(233,213,255,.8)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="50"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(245,158,11,.6)!important;border-color:rgba(253,230,138,.85)!important}

/* plein écran : le haut (DÉMO / COMPTE RÉEL / QUITTER) et les marchés prennent moins de place → courbe plus grande */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar{padding-top:max(2px,env(safe-area-inset-top))!important;padding-bottom:0!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn{min-height:38px!important;height:38px!important;padding:2px 8px!important;border-radius:11px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn .mb-lbl{font-size:8.5px!important;line-height:1.1!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn .mb-amt{font-size:13px!important;line-height:1.15!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close{height:38px!important;min-height:38px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-bar{margin-top:0!important;padding-top:1px!important;padding-bottom:0!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-art{width:30px!important;height:30px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip{gap:1px!important;padding:1px 0 1px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:8px!important;padding-bottom:1px!important}
html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar{padding-top:3px!important;padding-bottom:3px!important}

/* =====================================================================
   Retouches 6 (demandées par le propriétaire)
   ===================================================================== */
/* logo du site : le rond seulement (pyramide, œil, OROLADO), plus de carré */
html body #screenAuth#screenAuth .logo-mark{
  width:86px!important;height:86px!important;border-radius:50%!important;background:transparent!important;
  box-shadow:0 0 26px rgba(255,170,60,.35)!important;filter:none!important;
}
@media (max-width:420px){html body #screenAuth#screenAuth .logo-mark{width:78px!important;height:78px!important}}
html body #screenTrade#screenTrade #brandLockup .logo-mark.sm{
  width:26px!important;height:26px!important;border-radius:50%!important;background:transparent!important;
}

/* connexion / inscription : univers sans planètes */
html body #screenAuth#screenAuth{
  background:
    linear-gradient(180deg,rgba(10,8,30,.25),rgba(10,8,30,.5)),
    url("galaxy-auth.svg?v=2367") center top/cover no-repeat,
    linear-gradient(180deg,#0E0B28,#080817)!important;
}

/* case du gain : plus douce ; le payout choisi se voit juste par un fin trait de couleur en bas */
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview{
  background:
    linear-gradient(105deg,rgba(255,255,255,0) 42%,rgba(225,245,255,.14) 50%,rgba(255,255,255,0) 58%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 70' fill='none' stroke='%23E6F7FF' stroke-linecap='round'%3E%3Cg stroke-opacity='.2' stroke-width='.6'%3E%3Cpath d='M0 8l14 6 6-10M14 14l-4 14M10 28l14 4 10-12M24 32l-2 16M90 4l-12 8-4 12M78 12l8 14M74 24l-10 6M0 62l10-8 12 4M10 54l2-12M90 66l-10-10-12 2M80 56l4-14'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat,
    radial-gradient(110% 80% at 0% 0%,rgba(205,238,255,.20),rgba(205,238,255,0) 55%),
    linear-gradient(160deg,rgba(90,170,235,.24) 0%,rgba(30,100,190,.24) 55%,rgba(8,46,118,.40) 100%)!important;
  background-size:240% 100%,100% 100%,100% 100%,100% 100%!important;
  border:1px solid rgba(160,215,250,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -8px 14px rgba(4,36,96,.32),0 0 8px rgba(125,211,252,.16)!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="1.9"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -8px 14px rgba(4,36,96,.32),inset 0 -2px 0 rgba(249,115,22,.75),0 0 8px rgba(125,211,252,.16)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="5"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -8px 14px rgba(4,36,96,.32),inset 0 -2px 0 rgba(6,182,212,.8),0 0 8px rgba(125,211,252,.16)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="10"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -8px 14px rgba(4,36,96,.32),inset 0 -2px 0 rgba(168,85,247,.8),0 0 8px rgba(125,211,252,.16)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="50"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -8px 14px rgba(4,36,96,.32),inset 0 -2px 0 rgba(245,158,11,.8),0 0 8px rgba(125,211,252,.16)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="1.9"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(249,115,22,.20)!important;border-color:rgba(253,186,116,.45)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="5"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(6,182,212,.20)!important;border-color:rgba(165,243,252,.45)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="10"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(168,85,247,.20)!important;border-color:rgba(233,213,255,.45)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="50"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(245,158,11,.22)!important;border-color:rgba(253,230,138,.5)!important}

/* Aide : univers sérieux (sans planètes, sombre) */
html body #helpModal .modal-box{
  background:
    linear-gradient(180deg,rgba(10,12,34,.72),rgba(6,8,24,.84)),
    url("galaxy-auth.svg?v=2367") center/cover no-repeat,
    #0A0C20!important;
  border-color:rgba(120,150,255,.24)!important;
}
/* menu des langues : léger univers derrière la liste des pays */
html body .lang-dd-menu{
  background:
    linear-gradient(180deg,rgba(12,12,36,.80),rgba(8,8,26,.90)),
    url("galaxy-auth.svg?v=2367") center/cover no-repeat,
    #0B0C22!important;
  border:1px solid rgba(150,140,255,.26)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 18px rgba(124,58,237,.18)!important;
}
/* logo rond : pas de rond ni de halo en plus autour (le logo a déjà son cercle) */
html body #screenAuth#screenAuth .logo-mark{box-shadow:none!important;border-radius:0!important}
html body #screenTrade#screenTrade #brandLockup .logo-mark{filter:none!important;border-radius:0!important}
/* inscription / connexion : plus de lueur de pyramide derrière la carte */
html body #screenAuth#screenAuth .auth-ambient{background:none!important}
/* liste des langues : effet galaxie bien visible */
html body .lang-dd-menu.lang-dd-menu{background:linear-gradient(180deg,rgba(14,10,40,.52),rgba(8,8,28,.66)),url("galaxy-space.svg?v=2488") center top/cover no-repeat,#0D0B26!important;border:1px solid rgba(170,150,255,.32)!important;box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 22px rgba(124,58,237,.28)!important}
/* COMPTE RÉEL : petit portefeuille à droite, comme avant */
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn[data-mode="real"],html body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn[data-mode="real"]{padding-right:40px!important}
html body .mode-btn[data-mode="real"] .mb-wal{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:rgba(0,230,118,.14)!important;border:1px solid rgba(0,230,118,.45)!important;color:#4BE69A!important}
html body .mode-btn[data-mode="real"] .mb-wal svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body .mode-btn.on[data-mode="real"] .mb-wal{background:rgba(4,40,20,.22)!important;border-color:rgba(4,40,20,.35)!important;color:#05301A!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn[data-mode="real"]{padding-right:32px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn[data-mode="real"] .mb-wal{right:6px!important;width:20px!important;height:20px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn[data-mode="real"] .mb-wal svg{width:13px!important;height:13px!important}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="crash300"]{--p1:#FFB09B;--p2:#A3260E;--pg:rgba(255,90,54,.45)}
@media (max-width:370px){
  html body #screenTrade#screenTrade .topbar-row > #topbarCta.topbar-cta{width:138px!important;min-width:138px!important}
  html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-label{font-size:13px!important}
  html body #screenTrade#screenTrade #topbarCta.topbar-cta .crypto-mini-row .coin-svg{width:19px!important;height:19px!important}
  html body #screenTrade#screenTrade .topbar-actions{gap:2px!important}
  html body #screenTrade#screenTrade #btnHelp#btnHelp{width:30px!important}
  html body #screenTrade#screenTrade #brandLockup.brand-lockup.mini{padding:3px 6px 3px 4px!important}
}
@media (max-width:370px){html body #screenTrade#screenTrade .topbar-row > #topbarCta.topbar-cta{width:128px!important;min-width:128px!important}html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-label{font-size:12.5px!important}}

/* =====================================================================
   Retouches 7 — adaptation iPhone / Android / PC / TV (demandées par le propriétaire)
   ===================================================================== */
/* --- barre du haut : tout aligné sur les bords du site --- */
html body #screenTrade#screenTrade .topbar-row{padding-left:6px!important;padding-right:6px!important}
/* non inscrit : logo, Connexion / Inscription et Aide / langue espacés pareil (plus collé, plus de grand vide) */
html.oro-guest body #screenTrade#screenTrade .topbar-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:6px!important}
html.oro-guest body #screenTrade#screenTrade .topbar-row > #authQuick{display:flex!important;gap:6px!important;flex:0 1 auto!important;min-width:0!important}
html.oro-guest body #screenTrade#screenTrade #authQuick .btn-auth-link{padding:0 12px!important;white-space:nowrap!important}
/* le nom OROLADO est toujours écrit à côté du logo (inscrit ou non, Android aussi) */
html body #screenTrade#screenTrade #brandLockup .brand{display:inline-block!important;visibility:visible!important;font-size:11px!important;white-space:nowrap!important}
html body #screenTrade#screenTrade #brandLockup{flex:0 0 auto!important}
@media (max-width:370px){
  html.oro-guest body #screenTrade#screenTrade #authQuick .btn-auth-link{padding:0 8px!important;font-size:12px!important}
  html body #screenTrade#screenTrade #brandLockup .brand{font-size:9.5px!important;letter-spacing:.03em!important}
}
/* langue : drapeau sans rond autour, et le code de la langue écrit dessous (FR, EN…) */
html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-dd-btn{
  display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
  width:34px!important;height:38px!important;padding:0!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-chev{display:none!important}
html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-flag{font-size:18px!important;line-height:1!important;box-shadow:none!important;border:0!important;background:transparent!important;border-radius:0!important}
html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-code{display:block!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.04em!important;line-height:1!important;color:#C9CBEA!important}
html body .lang-code{display:none}

/* --- DÉMO / COMPTE RÉEL : un peu moins hauts, alignés sur les bords du site, même taille partout --- */
html body #screenTrade#screenTrade .topbar-mode{padding:5px 6px 0!important;height:auto!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn{min-height:44px!important;padding:4px 11px!important;border-radius:13px!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn .mb-lbl{font-size:9.5px!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn .mb-amt{font-size:15px!important}
html body #screenTrade#screenTrade #modeSwitcher > .mode-btn[data-mode="real"]{padding-right:38px!important}

/* --- marchés : hauteur fixe (la place de la courbe se calcule juste dès l'ouverture) --- */
html:not(.fs-trade) body #tradeWrap#tradeWrap .asset-bar{height:70px!important;min-height:70px!important;max-height:70px!important;margin-top:4px!important;padding-top:3px!important;padding-bottom:0!important;align-items:flex-start!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip .mk-art{width:46px!important;height:46px!important}
html body #tradeWrap#tradeWrap .asset-chip:hover,
html body #tradeWrap#tradeWrap .asset-chip:focus,
html body #tradeWrap#tradeWrap .asset-chip:active,
html body #tradeWrap#tradeWrap .asset-chip.on{background:transparent!important;box-shadow:none!important;outline:0!important}

/* --- la courbe : plus de cadre ni de coins ronds, elle est « vaste » comme avant --- */
html body #tradeWrap#tradeWrap .chart-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important}
html body #tradeWrap#tradeWrap .chart-toolbar{background:transparent!important;border:0!important;padding:3px 2px!important;min-height:0!important}
/* outils MA / BB / EMA / zoom : plus petits (moins de place en hauteur, plus pour la courbe) */
html body #tradeWrap#tradeWrap .ind-btn{height:26px!important;min-height:26px!important;padding:0 9px!important;font-size:10.5px!important;border-radius:8px!important}
html body #tradeWrap#tradeWrap .ind-btn.zoom-btn{width:28px!important;min-width:28px!important;background-size:15px 15px!important}
/* bouton PLEIN ÉCRAN : l'icône + le mot écrit, comme avant */
html body #tradeWrap#tradeWrap .chart-fs-btn{
  width:auto!important;min-width:0!important;height:26px!important;min-height:26px!important;padding:0 9px 0 26px!important;border-radius:8px!important;
  background-position:7px center!important;background-size:14px 14px!important;
  font-size:10px!important;font-weight:800!important;letter-spacing:.04em!important;color:#FFB65C!important;white-space:nowrap!important;
}
html body #tradeWrap#tradeWrap .chart-fs-btn > .chart-fs-label{display:inline!important}
html body #tradeWrap#tradeWrap .chart-fs-btn > .chart-fs-live,
html body #tradeWrap#tradeWrap .chart-fs-btn > .chart-fs-ico{display:none!important}

/* --- terminal : plus de cadre, il se fond dans l'univers --- */
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{
  border:0!important;border-radius:0!important;box-shadow:none!important;margin-top:0!important;
  background:
    linear-gradient(180deg,rgba(8,24,60,0) 0%,rgba(8,24,60,.42) 14%,rgba(6,18,46,.62) 100%)!important;
  padding:8px 10px 10px!important;
}
/* mise : +1 enlevé, ÷2 ×2 ⌫ plus larges */
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-min-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
/* durées : un petit chrono dans chaque bouton */
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
  line-height:1!important;padding:2px 1px!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip::before{
  content:""!important;display:block!important;width:10px!important;height:10px!important;flex:0 0 auto!important;opacity:.85!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BAE6FD' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='13.5' r='8'/%3E%3Cpath d='M12 9.5v4l2.6 1.8M9.5 2.5h5M12 2.5v3'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip.on::before,
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip.active::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304202E' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='13.5' r='8'/%3E%3Cpath d='M12 9.5v4l2.6 1.8M9.5 2.5h5M12 2.5v3'/%3E%3C/svg%3E")!important;
}
/* ACHETER / VENDRE un peu plus larges (ACHETER vers la gauche, VENDRE vers la droite) */
html:not(.fs-trade) body #tradeWrap#tradeWrap .trade-row{margin-left:-5px!important;margin-right:-5px!important}

/* =====================================================================
   PC (grand écran)
   ===================================================================== */
@media (min-width:860px){
  /* DÉMO / COMPTE RÉEL : deux cartes de même taille, centrées, pas de barre géante */
  html body #screenTrade#screenTrade #modeSwitcher#modeSwitcher.mode-switch{max-width:560px!important;margin:0 auto!important}
  html body #screenTrade#screenTrade #modeSwitcher > .mode-btn{min-height:46px!important}
  /* marchés : plus grands et bien répartis */
  html:not(.fs-trade) body #tradeWrap#tradeWrap .asset-bar{height:84px!important;min-height:84px!important;max-height:84px!important;justify-content:space-between!important;mask-image:none!important;-webkit-mask-image:none!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip{flex:0 0 80px!important;width:80px!important;min-width:80px!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip .mk-art{width:54px!important;height:54px!important}
  html body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:10.5px!important;max-width:80px!important}
  /* plein écran PC : logos plus grands et répartis sur toute la largeur */
  html.fs-trade body #tradeWrap#tradeWrap .asset-bar{justify-content:space-between!important;mask-image:none!important;-webkit-mask-image:none!important;padding:2px 6px 0!important}
  html.fs-trade body #tradeWrap#tradeWrap .asset-chip{flex:0 0 76px!important;width:76px!important;min-width:76px!important}
  html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-art{width:44px!important;height:44px!important}
  html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:10px!important;max-width:76px!important}
  /* plein écran PC : DÉMO / COMPTE RÉEL en haut, même taille, à côté de QUITTER */
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-top-mid-home{display:flex!important;justify-content:flex-end!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTopMid{max-width:460px!important;margin-left:auto!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn{min-height:42px!important;height:42px!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn .mb-amt{font-size:14px!important}
  /* plein écran PC : colonne de droite propre, mise / ACHETER / VENDRE de même largeur */
  html.fs-trade body #tradeWrap#tradeWrap .pad{gap:10px!important}
  html.fs-trade body #tradeWrap#tradeWrap .stake-field,
  html.fs-trade body #tradeWrap#tradeWrap #inputStake{height:60px!important;min-height:60px!important}
  html.fs-trade body #tradeWrap#tradeWrap #fsPadCapsule{display:none!important}
}
/* la courbe se fond dans l univers : ses bords disparaissent en douceur (plus de cadre visible) */
html body #tradeWrap#tradeWrap #chartStage{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18px,#000 calc(100% - 22px),transparent 100%),linear-gradient(90deg,transparent 0,#000 16px,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 18px,#000 calc(100% - 22px),transparent 100%),linear-gradient(90deg,transparent 0,#000 16px,#000 100%);mask-composite:intersect}
@media (min-width:860px){
  /* plein écran PC : DÉMO et COMPTE RÉEL de même largeur, en haut à droite à côté de QUITTER */
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTopMid{width:auto!important;max-width:none!important;margin-left:auto!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch{justify-content:flex-end!important;width:auto!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn{flex:0 0 210px!important;width:210px!important;max-width:210px!important}
  /* plein écran PC : colonne de droite plus large, mise / ACHETER / VENDRE bien proportionnés */
  html.fs-trade body #tradeWrap#tradeWrap .pad{width:224px!important;min-width:224px!important;flex:0 0 224px!important;justify-content:center!important;padding:10px 12px!important}
  html.fs-trade body #tradeWrap#tradeWrap .stake-line,
  html.fs-trade body #tradeWrap#tradeWrap .stake-field{width:100%!important}
  html.fs-trade body #tradeWrap#tradeWrap .trade-row{flex-direction:column!important;flex:0 0 auto!important;width:100%!important;gap:12px!important}
  html.fs-trade body #tradeWrap#tradeWrap .trade-row .btn-trade{height:118px!important;min-height:118px!important;width:100%!important;flex:0 0 auto!important;font-size:18px!important}
  html.fs-trade body #tradeWrap#tradeWrap #btnCall#btnCall .bt-txt,
  html.fs-trade body #tradeWrap#tradeWrap #btnPut#btnPut .bt-txt{font-size:18px!important}
}
@media (min-width:860px){html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTopMidHome.fs-top-mid-home{max-width:none!important;width:auto!important;flex:1 1 auto!important}}
/* téléphone plein écran : la zone du haut garde toute la largeur (pas de limite à 240 px) */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTopMidHome.fs-top-mid-home{max-width:none!important}
@media (max-width:400px){
  html body #tradeWrap#tradeWrap .ind-pills{gap:4px!important}
  html body #tradeWrap#tradeWrap .ind-btn:not(.zoom-btn){padding:0 7px!important}
  html body #tradeWrap#tradeWrap .ind-btn.zoom-btn{width:26px!important;min-width:26px!important}
  html body #tradeWrap#tradeWrap .chart-fs-btn{padding:0 6px 0 21px!important;background-position:5px center!important;background-size:12px 12px!important;font-size:9px!important;letter-spacing:.02em!important}
}
@media (max-width:480px){
  /* téléphone : logo + nom, Recharger, Aide / langue / profil répartis sans se toucher */
  html body #screenTrade#screenTrade .topbar-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:6px!important}
  html body #screenTrade#screenTrade .topbar-row > #topbarCta.topbar-cta{width:150px!important;min-width:150px!important;flex:0 0 150px!important}
  html body #screenTrade#screenTrade #brandLockup.brand-lockup.mini{padding:3px 7px 3px 4px!important;gap:3px!important}
  html body #screenTrade#screenTrade #brandLockup .brand{font-size:10px!important;letter-spacing:.03em!important}
  html body #screenTrade#screenTrade .topbar-actions{gap:1px!important;flex:0 0 auto!important}
  html body #screenTrade#screenTrade #btnHelp#btnHelp{width:32px!important}
  html body #screenTrade#screenTrade #btnProfile#btnProfile{width:30px!important}
  html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-dd-btn{width:28px!important}
}
@media (max-width:370px){
  html body #screenTrade#screenTrade .topbar-row > #topbarCta.topbar-cta{width:128px!important;min-width:128px!important;flex:0 0 128px!important}
  html body #screenTrade#screenTrade #brandLockup .brand{font-size:9px!important}
}

/* =====================================================================
   Retouches 8 — la courbe d'abord (demandées par le propriétaire)
   ===================================================================== */
/* iPhone : la courbe prend toute la place libre jusqu'au terminal (calcul fait par app.js) */
html.ios-fit:not(.fs-trade) body #tradeWrap#tradeWrap #chart{height:var(--ios-chart-h)!important;min-height:var(--ios-chart-h)!important;max-height:var(--ios-chart-h)!important}
html.ios-fit:not(.fs-trade) body #tradeWrap#tradeWrap #chartStage{height:var(--ios-stage-h)!important;min-height:var(--ios-stage-h)!important;max-height:var(--ios-stage-h)!important}
/* plus jamais de boutons agrandis pour remplir le vide (c'est la courbe qui le prend) */
html body #screenTrade#screenTrade.saf-fill .btn-trade{min-height:54px!important;height:auto!important}
/* la courbe : couleur sombre franche, sans fondu ni bords flous, sur toute la largeur comme l'ancien site */
html body #tradeWrap#tradeWrap #chartStage{-webkit-mask-image:none!important;mask-image:none!important}
@media (max-width:859px){
  html:not(.fs-trade) body #tradeWrap#tradeWrap .chart-card{margin-left:-6px!important;margin-right:-6px!important;width:calc(100% + 12px)!important;max-width:none!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .chart-toolbar{padding-left:8px!important;padding-right:8px!important}
}
/* terminal : plus de fond en forme de carré, les boutons sont « libres » sur l'univers */
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{background:transparent!important;box-shadow:none!important;border:0!important}
/* DÉMO / COMPTE RÉEL : rentrés un peu des bords, même taille, bien au milieu */
html body #screenTrade#screenTrade .topbar-mode{padding-left:16px!important;padding-right:16px!important}
html body #screenTrade#screenTrade #modeSwitcher#modeSwitcher.mode-switch{gap:10px!important}
/* plein écran : DÉMO et COMPTE RÉEL exactement de la même taille (inscrit ou non) */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch > .fs-mid-plus{display:none!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-btn.mode-btn{width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
@media (min-width:860px){
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch{grid-template-columns:210px 210px!important;justify-content:end!important}
}

/* =====================================================================
   Retouches 9 (demandées par le propriétaire)
   ===================================================================== */
/* fond de l'écran : plus de « noir » en bas ni derrière le terminal, un bleu nuit qui va avec la courbe */
html body #screenTrade#screenTrade,
html body #fsTradeOverlay#fsTradeOverlay{background-color:#0F1338!important}
html body #screenTrade#screenTrade::after{
  content:""!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:46%!important;
  background:linear-gradient(180deg,rgba(18,30,78,0) 0%,rgba(20,34,86,.55) 45%,rgba(22,38,94,.75) 100%)!important;
  pointer-events:none!important;z-index:0!important;
}
/* la courbe : en haut et en bas elle se fond doucement dans le bleu (on ne voit plus où elle commence ni où elle finit) */
html body #tradeWrap#tradeWrap #chartStage{position:relative!important}
html body #tradeWrap#tradeWrap #chartStage::before,
html body #tradeWrap#tradeWrap #chartStage::after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;pointer-events:none!important;z-index:25!important;display:block!important;
}
html body #tradeWrap#tradeWrap #chartStage::before{top:0!important;height:22px!important;background:linear-gradient(180deg,rgba(18,16,52,.85),rgba(18,16,52,0))!important}
html body #tradeWrap#tradeWrap #chartStage::after{bottom:0!important;height:46px!important;background:linear-gradient(180deg,rgba(20,34,86,0),rgba(20,34,86,.88))!important}
html body #tradeWrap#tradeWrap .chart-toolbar{background:linear-gradient(180deg,rgba(18,16,52,0),rgba(18,16,52,.85))!important}
/* terminal du téléphone : même bleu que la fin de la courbe, sans bord ni carré */
@media (max-width:859px){
  html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{background:linear-gradient(180deg,rgba(20,34,86,.88) 0%,rgba(20,34,86,.6) 40%,rgba(20,34,86,.35) 100%)!important}
}
/* plein écran : la fin de la courbe va aussi dans le bleu, et la barre du bas aussi */
html.fs-trade body #tradeWrap#tradeWrap .pad{background:linear-gradient(180deg,rgba(20,34,86,.88),rgba(16,26,70,.7))!important;border:0!important;box-shadow:none!important}

/* ACHETER / VENDRE un peu plus larges que le reste (sans sortir de l'écran) */
@media (max-width:859px){
  html:not(.fs-trade) body #tradeWrap#tradeWrap .trade-row{margin-left:-8px!important;margin-right:-8px!important}
}

/* barre du haut sur téléphone : espaces égaux entre OROLADO, Recharger (ou Connexion / Inscription) et Aide */
@media (max-width:480px){
  html body #screenTrade#screenTrade #btnHelp#btnHelp{width:28px!important}
  html body #screenTrade#screenTrade #btnProfile#btnProfile{width:28px!important}
  html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-dd-btn{width:28px!important}
  html body #screenTrade#screenTrade .topbar-actions{gap:4px!important}
  html.oro-guest body #screenTrade#screenTrade #authQuick{gap:10px!important}
}
/* langue : le code (FR, EN…) bien séparé du drapeau */
html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-dd-btn{gap:3px!important}
html body #screenTrade#screenTrade #langBarTrade#langBarTrade .lang-code{margin-top:1px!important}

/* page inscription / connexion : remontée, pour que tout se voie jusqu'aux logos du bas (iPhone avec la barre Safari) */
@media (max-width:480px){
  html body #screenAuth#screenAuth .logo-mark{width:62px!important;height:62px!important}
  html body #screenAuth#screenAuth .auth-wrap{padding-top:10px!important}
  html body #screenAuth#screenAuth .brand-lockup{gap:4px!important}
  html body #screenAuth#screenAuth .brand-sub{margin-top:2px!important;margin-bottom:8px!important}
}

/* bouton QUITTER : un peu plus rouge, on voit tout de suite qu'il fait sortir */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close{
  background:linear-gradient(180deg,rgba(255,77,94,.30),rgba(200,30,50,.22))!important;border:1px solid rgba(255,110,125,.75)!important;color:#FFC2C9!important;
}

/* PC : DÉMO / COMPTE RÉEL au milieu en plein écran ; la courbe sans bords visibles */
@media (min-width:860px){
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTopMid{margin-left:auto!important;margin-right:auto!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-mode-switch{justify-content:center!important}
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay #fsTopMidHome.fs-top-mid-home{justify-content:center!important}
}

/* =====================================================================
   Retouches 10 (demandées par le propriétaire)
   ===================================================================== */
/* case du gain : couleur normale du terminal bleu (plus de givre, plus de couleur de payout) */
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds]):not(.oroQ):not(.oroQ2) .win-preview{
  background:linear-gradient(180deg,rgba(56,189,248,.18),rgba(56,189,248,.05))!important;
  border:1px solid rgba(56,189,248,.5)!important;
  box-shadow:0 0 8px rgba(56,189,248,.14)!important;
  animation:none!important;
}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview::before,
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview::after{display:none!important;content:none!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .amount{color:#F0F9FF!important;text-shadow:0 0 8px rgba(125,211,252,.4)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds]):not(.oroQ):not(.oroQ2) .win-preview .mult{
  background:rgba(14,165,233,.22)!important;border:1px solid rgba(125,211,252,.35)!important;color:#BAE6FD!important;
}

/* plein écran (téléphone) : logos un peu plus petits, tous de la même taille, un espace sous DÉMO / COMPTE RÉEL,
   et plus de trait sous le nom du marché choisi */
html.fs-trade body #tradeWrap#tradeWrap .asset-bar{margin-top:6px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-art{width:28px!important;height:28px!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip.on .mk-art{transform:none!important;box-shadow:inset -5px -6px 10px rgba(0,0,0,.55),inset 2px 3px 6px rgba(255,255,255,.25),0 0 0 1.5px rgba(255,196,120,.95),0 0 10px var(--pg)!important}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-name,
html.fs-trade body #tradeWrap#tradeWrap .asset-chip.on .mk-name{border-bottom:0!important;padding-bottom:0!important}

/* PC : la courbe sans bords (elle se fond sur les côtés comme en haut et en bas) */
@media (min-width:860px){
  html body #tradeWrap#tradeWrap .chart-card{position:relative!important}
  html body #tradeWrap#tradeWrap .chart-card::after{
    content:""!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important;
    pointer-events:none!important;z-index:26!important;
    background:linear-gradient(90deg,rgba(15,19,56,.95) 0,rgba(15,19,56,0) 34px,rgba(15,19,56,0) calc(100% - 34px),rgba(15,19,56,.95) 100%)!important;
  }
  html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{background:transparent!important}
  html.fs-trade body #tradeWrap#tradeWrap .pad{background:linear-gradient(90deg,rgba(15,19,56,.95),rgba(20,34,86,.7))!important}
}
html.oro-guest body #screenTrade#screenTrade #authQuick #btnGoRegister{margin-left:4px!important}

/* =====================================================================
   Retouches 11 — la courbe sans aucun trait ni creux (demandées par le propriétaire)
   Couleurs mesurées sur la courbe : haut ≈ rgb(19,18,59), bas ≈ rgb(12,12,35).
   Tout ce qui touche la courbe prend ces couleurs : on ne voit plus où elle commence ni où elle finit.
   ===================================================================== */
/* plus de fondu DANS la courbe (il mangeait les bougies) */
html body #tradeWrap#tradeWrap #chartStage::before,
html body #tradeWrap#tradeWrap #chartStage::after{display:none!important;content:none!important}
/* au-dessus de la courbe (MA / BB / EMA) : on arrive doucement sur la couleur du haut de la courbe */
html body #tradeWrap#tradeWrap .chart-toolbar{background:linear-gradient(180deg,rgba(19,18,59,0),rgb(19,18,59))!important}

@media (max-width:859px){
  /* la courbe d'un bord à l'autre de l'écran, quel que soit le téléphone (plus de creux à gauche ni à droite) */
  html body #tradeWrap#tradeWrap .chart-card{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
  /* terminal : sur toute la largeur, il commence exactement de la couleur du bas de la courbe puis passe au bleu */
  html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{
    width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
    padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important;
    background:linear-gradient(180deg,rgb(12,12,35) 0,rgb(14,18,50) 26px,rgba(18,30,78,.9) 100%)!important;
  }
  /* Android : la courbe descend jusqu'au terminal (plus de bande de 10 px entre les deux) */
  html.is-android:not(.fs-trade) body #tradeWrap#tradeWrap #chart,
  html.is-android:not(.fs-trade) body #tradeWrap#tradeWrap .chart-card{
    height:calc(var(--oro-chart-h,40vh) + 10px)!important;min-height:calc(var(--oro-chart-h,260px) + 10px)!important;max-height:calc(var(--oro-chart-h,48vh) + 10px)!important;
  }
  /* ACHETER / VENDRE : même largeur tous les deux, même espace au milieu et sur les bords, un peu plus larges que le reste */
  html:not(.fs-trade) body #tradeWrap#tradeWrap .trade-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;
    margin-left:-6px!important;margin-right:-6px!important;width:auto!important;
  }
  html:not(.fs-trade) body #tradeWrap#tradeWrap .trade-row > #fsPadCapsule{display:none!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .trade-row > .btn-trade{width:auto!important;margin:0!important;flex:none!important}
}
/* plein écran (téléphone et PC) : la barre du bas commence aussi de la couleur du bas de la courbe */
html.fs-trade body #tradeWrap#tradeWrap .pad{background:linear-gradient(180deg,rgb(12,12,35) 0,rgb(14,18,50) 24px,rgba(18,30,78,.85) 100%)!important}

/* case du gain : le petit « Payout 88% » garde le même bleu que tout le terminal, quel que soit le payout choisi */
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="1.9"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="5"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="10"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="50"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview{box-shadow:0 0 8px rgba(56,189,248,.14)!important;border-color:rgba(56,189,248,.5)!important}
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="1.9"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="5"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="10"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="50"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{background:rgba(14,165,233,.22)!important;border:1px solid rgba(125,211,252,.35)!important;color:#BAE6FD!important}

/* non inscrit : Connexion et Inscription plus larges ; même espace entre OROLADO et Connexion qu'entre Inscription et Aide */
@media (max-width:859px){
  html.oro-guest body #screenTrade#screenTrade .topbar-row{justify-content:flex-start!important;gap:0!important}
  html.oro-guest body #screenTrade#screenTrade .topbar-row > #authQuick{flex:1 1 auto!important;margin:0 10px!important;gap:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  html.oro-guest body #screenTrade#screenTrade #authQuick .btn-auth-link{width:100%!important;padding:0 6px!important;margin:0!important}
  html.oro-guest body #screenTrade#screenTrade .topbar-row > .topbar-actions{margin-left:0!important}
}

/* PC : autour de la courbe, la même couleur que la courbe (plus de bords ni de creux, ni à gauche, ni en bas, ni à droite) */
@media (min-width:860px){
  html body #screenTrade#screenTrade,
  html.fs-trade body #fsTradeOverlay#fsTradeOverlay{
    background:
      radial-gradient(90% 40% at 0% 0%,rgba(124,58,237,.16),transparent 62%),
      linear-gradient(180deg,rgb(19,18,59) 0%,rgb(16,16,48) 55%,rgb(12,12,35) 100%)!important;
    background-color:rgb(14,14,44)!important;
  }
  html body #screenTrade#screenTrade::after{display:none!important}
  html body #tradeWrap#tradeWrap .chart-card::after{background:linear-gradient(90deg,rgba(17,17,50,.9) 0,rgba(17,17,50,0) 26px,rgba(17,17,50,0) calc(100% - 26px),rgba(17,17,50,.9) 100%)!important}
  html.fs-trade body #tradeWrap#tradeWrap .pad{background:linear-gradient(90deg,rgba(17,17,50,0),rgba(20,30,78,.55))!important}
}
@media (max-width:859px){html:not(.fs-trade) body #tradeWrap#tradeWrap.trade-wrap{row-gap:0!important;gap:0!important}}
/* plein écran : on comble les quelques pixels entre la courbe et la barre du bas, de la couleur du bas de la courbe */
html.fs-trade body #tradeWrap#tradeWrap .pad{overflow:visible!important}
html.fs-trade body #tradeWrap#tradeWrap .pad::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:-8px!important;height:8px!important;background:rgb(12,12,35)!important;pointer-events:none!important;z-index:1!important}
@media (min-width:860px){html.fs-trade body #tradeWrap#tradeWrap .pad::before{display:none!important}}
@media (min-width:860px){html.fs-trade body #tradeWrap#tradeWrap .pad{width:216px!important;min-width:216px!important;flex:0 0 216px!important}}

/* =====================================================================
   Retouches 12 (demandées par le propriétaire)
   ===================================================================== */
/* Recharger (connecté, téléphone) : pile au milieu de l'écran, même espace à gauche et à droite */
@media (max-width:859px){
  html:not(.oro-guest) body #screenTrade#screenTrade .topbar .topbar-row{position:relative!important}
  html:not(.oro-guest) body #screenTrade#screenTrade .topbar .topbar-row > #topbarCta#topbarCta{
    position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;
  }
}
/* Recharger : un reflet qui passe doucement, il donne envie de cliquer (même taille) */
@keyframes gxCtaShine{0%,70%{transform:translateX(-140%) skewX(-20deg)}100%{transform:translateX(260%) skewX(-20deg)}}
html body #screenTrade#screenTrade #topbarCta.topbar-cta::before{
  content:""!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;width:38%!important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0))!important;
  animation:gxCtaShine 4.5s ease-in-out infinite!important;pointer-events:none!important;z-index:2!important;
}
@media (prefers-reduced-motion:reduce){html body #screenTrade#screenTrade #topbarCta.topbar-cta::before{animation:none!important;display:none!important}}

/* DÉMO / COMPTE RÉEL (premier écran) : un peu moins larges sur les bords, un peu plus d'écart entre eux */
html body #screenTrade#screenTrade .topbar-mode{padding-left:26px!important;padding-right:26px!important}
html body #screenTrade#screenTrade #modeSwitcher#modeSwitcher.mode-switch{gap:16px!important}
@media (max-width:370px){html body #screenTrade#screenTrade .topbar-mode{padding-left:18px!important;padding-right:18px!important}}

/* logos des marchés : plus de petites lueurs carrées autour, propres sur tous les téléphones */
html body #tradeWrap#tradeWrap .asset-chip .mk-art svg{filter:none!important}
html body #tradeWrap#tradeWrap .asset-chip .mk-art{box-shadow:inset -7px -9px 16px rgba(0,0,0,.62),inset 2px 3px 6px rgba(255,255,255,.22),0 0 8px var(--pg)!important;will-change:auto!important}
/* plus de trait sous le nom du marché (écran normal et plein écran) */
html body #tradeWrap#tradeWrap .asset-chip .mk-name,
html body #tradeWrap#tradeWrap .asset-chip.on .mk-name{border-bottom:0!important}
/* le marché choisi grandit un peu plus, avec un halo « chauffé » */
html:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip.on .mk-art{
  transform:scale(1.16)!important;
  box-shadow:inset -7px -9px 16px rgba(0,0,0,.5),inset 2px 3px 6px rgba(255,255,255,.28),0 0 0 2px rgba(255,200,120,.95),0 0 16px rgba(255,160,60,.6),0 0 28px var(--pg)!important;
}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip.on .mk-art{
  transform:scale(1.18)!important;
  box-shadow:inset -5px -6px 10px rgba(0,0,0,.5),inset 2px 3px 6px rgba(255,255,255,.28),0 0 0 1.5px rgba(255,200,120,.95),0 0 12px rgba(255,160,60,.6),0 0 20px var(--pg)!important;
}
html body #tradeWrap#tradeWrap .asset-chip.on .mk-name{color:#FFD9A0!important;text-shadow:0 0 8px rgba(255,160,60,.55)!important}

/* plein écran (téléphone) : ACHETER / VENDRE plus larges, la case de mise un peu moins */
@media (max-width:859px){
  html.fs-trade body #tradeWrap#tradeWrap .stake-line{flex:0.78 1 0!important}
  html.fs-trade body #tradeWrap#tradeWrap .trade-row{flex:2.3 1 0!important}
  /* bouton retour (↺) un peu écarté du zoom − */
  html.fs-trade body #tradeWrap#tradeWrap #chartReset#chartReset{margin-left:10px!important}
}
/* QUITTER un peu plus large : le mot tient dans toutes les langues */
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close{width:66px!important;min-width:66px!important;font-size:8px!important;letter-spacing:.03em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
html.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-close .fs-exit-txt{max-width:62px!important;overflow:hidden!important}

/* PC */
@media (min-width:860px){
  /* bouton retour (↺) rapproché des loupes (sans les coller), PLEIN ÉCRAN reste à droite */
  html body #tradeWrap#tradeWrap #chartReset#chartReset{margin-left:8px!important;margin-right:0!important}
  html body #tradeWrap#tradeWrap .ind-pills{justify-content:flex-start!important}
  html body #tradeWrap#tradeWrap .chart-fs-btn{margin-left:auto!important}
  /* plein écran PC : mise, ACHETER et VENDRE au milieu de leur colonne */
  html.fs-trade body #tradeWrap#tradeWrap .pad{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:12px!important}
  html.fs-trade body #tradeWrap#tradeWrap .stake-line{flex:0 0 auto!important}
}

/* page profil : en univers (avec des planètes), cartes et boutons assortis, Se déconnecter visible */
html body #drawerProfile#drawerProfile{
  background:
    linear-gradient(180deg,rgba(14,10,40,.35),rgba(9,8,28,.6)),
    url("galaxy-loader.svg?v=2367") center/cover no-repeat,
    linear-gradient(180deg,#130F36,#0A0A20)!important;
  border-left:1px solid rgba(170,150,255,.25)!important;
}
html body #drawerProfile#drawerProfile .card,
html body #drawerProfile#drawerProfile .wallet-card,
html body #drawerProfile#drawerProfile .drawer-section{
  background:linear-gradient(180deg,rgba(30,26,74,.55),rgba(14,13,40,.6))!important;
  border:1px solid rgba(150,140,255,.24)!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
}
html body #drawerProfile#drawerProfile .drawer-item{background:transparent!important;border-color:rgba(150,140,255,.14)!important}
html body #drawerProfile#drawerProfile .drawer-item .di-ico{
  color:#C9B8FF!important;background:rgba(124,58,237,.22)!important;border-radius:10px!important;padding:5px!important;box-sizing:content-box!important;
}
html body #drawerProfile#drawerProfile .drawer-item.drawer-logout{
  background:linear-gradient(180deg,rgba(255,77,94,.22),rgba(200,30,50,.16))!important;border:1px solid rgba(255,110,125,.55)!important;border-radius:12px!important;color:#FFC2C9!important;
}
html body #drawerProfile#drawerProfile .drawer-item.drawer-logout .di-ico{color:#FF8090!important;background:rgba(255,77,94,.2)!important}
html body #drawerProfile#drawerProfile .avatar{box-shadow:0 0 0 2px rgba(255,200,120,.9),0 0 18px rgba(255,160,60,.45)!important}
html body #drawerProfile#drawerProfile .drawer-head h2{color:#FFD9A0!important;text-shadow:0 0 12px rgba(255,160,60,.35)!important}

/* =====================================================================
   Retouches 13 (demandées par le propriétaire)
   ===================================================================== */
/* marché choisi : il grandit à peine (il ne touche plus son nom ni DÉMO / COMPTE RÉEL), juste un halo doré */
html:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip.on .mk-art{
  transform:scale(1.06)!important;
  box-shadow:inset -7px -9px 16px rgba(0,0,0,.5),inset 2px 3px 6px rgba(255,255,255,.28),0 0 0 1.5px rgba(255,200,120,.95),0 0 10px rgba(255,160,60,.5),0 0 16px var(--pg)!important;
}
html.fs-trade body #tradeWrap#tradeWrap .asset-chip.on .mk-art{
  transform:scale(1.06)!important;
  box-shadow:inset -5px -6px 10px rgba(0,0,0,.5),inset 2px 3px 6px rgba(255,255,255,.28),0 0 0 1.5px rgba(255,200,120,.95),0 0 8px rgba(255,160,60,.5),0 0 12px var(--pg)!important;
}

/* téléphone : ACHETER / VENDRE un tout petit peu plus larges et plus hauts (vers les payouts), sans déborder */
@media (max-width:859px){
  html:not(.fs-trade) body #tradeWrap#tradeWrap .trade-row{margin-left:-9px!important;margin-right:-9px!important;gap:8px!important;margin-top:6px!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .trade-row > .btn-trade{min-height:58px!important;height:58px!important}
  html.fs-trade body #tradeWrap#tradeWrap .trade-row{gap:6px!important}
  html.fs-trade body #tradeWrap#tradeWrap .trade-row .btn-trade{height:58px!important;min-height:58px!important}
  html.fs-trade body #tradeWrap#tradeWrap .stake-field,
  html.fs-trade body #tradeWrap#tradeWrap #inputStake{height:58px!important;min-height:58px!important}
  html.fs-trade body #tradeWrap#tradeWrap .pad{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
}

/* Recharger (connecté, téléphone) : plus large et un peu plus haut, toujours pile au milieu, sans toucher OROLADO ni Aide */
@media (max-width:859px){
  html:not(.oro-guest) body #screenTrade#screenTrade .topbar .topbar-row > #topbarCta#topbarCta{
    width:clamp(124px,calc(100vw - 230px),190px)!important;min-width:0!important;flex:none!important;
    height:40px!important;min-height:40px!important;top:calc(50% + 1px)!important;
  }
}

/* page profil : la ligne du haut (PROFIL et la croix) n'est plus noire, l'univers passe derrière */
html body #drawerProfile#drawerProfile .drawer-head{background:transparent!important;border-bottom:1px solid rgba(150,140,255,.18)!important;box-shadow:none!important}
html body #drawerProfile#drawerProfile .drawer-head .btn-close{background:rgba(124,58,237,.22)!important;border:1px solid rgba(170,150,255,.45)!important;color:#E9DDFF!important}
/* Safari iPhone : sous la barre de Safari, l'univers continue (plus de bande sombre / brune en bas) */
@media (max-width:859px){
  html.is-ios body:where(.oro-shown):not(#oroQ):not(.oroQ) #oroIosFloor#oroIosFloor{background:#18275C!important;height:calc(14px + env(safe-area-inset-bottom,0px))!important}
  html.is-ios,html.is-ios body{background-color:#18275C!important}
}
@media (max-width:859px){html:not(.oro-guest) body #screenTrade#screenTrade .topbar .topbar-row > #topbarCta#topbarCta{width:clamp(120px,calc(100vw - 236px),186px)!important}}

/* =====================================================================
   Retouches 14 (demandées par le propriétaire)
   ===================================================================== */
/* le « creux bleu » à droite de la courbe (iPhone surtout) : la carte de la courbe a elle-même la couleur
   de la courbe ; si le dessin s'arrête quelques pixels avant le bord, on ne voit plus aucun vide */
html body #tradeWrap#tradeWrap .chart-card,
html body #tradeWrap#tradeWrap #chartStage{
  background:linear-gradient(180deg,rgb(19,18,59) 0%,rgb(17,18,50) 50%,rgb(12,12,35) 100%)!important;
}
html body #tradeWrap#tradeWrap .chart-card .chart-toolbar{background:linear-gradient(180deg,rgba(19,18,59,0),rgb(19,18,59))!important}
/* fenêtres (dépôt, retrait, aide, conditions…) : le nouvel univers des fenêtres, sans traits ni planètes coupées */
html body .modal-backdrop .modal-box,
html body #depositModal .modal-box,
html body #withdrawModal .modal-box,
html body #helpModal .modal-box,
html body #termsModal .modal-box{
  background:
    linear-gradient(180deg,rgba(12,12,38,.50),rgba(8,8,26,.66)),
    url("galaxy-modal.svg?v=2367") center/cover no-repeat,
    linear-gradient(180deg,#120F34,#0A0A20)!important;
}
html body #depositModal .modal-box{background:
    radial-gradient(80% 40% at 100% 0%,rgba(20,184,166,.14),transparent 65%),
    linear-gradient(180deg,rgba(10,14,36,.48),rgba(6,10,26,.64)),
    url("galaxy-modal.svg?v=2367") center/cover no-repeat,
    linear-gradient(180deg,#0F1434,#090C20)!important}

/* Recharger (téléphone, connecté) : même espace entre OROLADO et Recharger qu'entre Recharger et Aide ;
   Recharger prend toute la place entre les deux */
@media (max-width:859px){
  html:not(.oro-guest) body #screenTrade#screenTrade .topbar .topbar-row{display:flex!important;justify-content:flex-start!important;gap:0!important}
  html:not(.oro-guest) body #screenTrade#screenTrade .topbar .topbar-row > #topbarCta#topbarCta{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:220px!important;margin:0 10px!important;
  }
  html:not(.oro-guest) body #screenTrade#screenTrade .topbar .topbar-row > .topbar-actions{margin-left:auto!important}
}
/* Recharger : les pièces USDT et BTC plus grosses et jolies ; le mot ne touche jamais les pièces, dans toutes les langues */
html body #screenTrade#screenTrade #topbarCta.topbar-cta{gap:4px!important;padding:0 4px!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta .crypto-mini-row{flex:0 0 auto!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta .crypto-mini-row .coin-svg{
  width:28px!important;height:28px!important;border-radius:50%!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.75),0 2px 6px rgba(90,35,0,.45)!important;filter:none!important;
}
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important}

/* APOCALYPSE (dernier marché) : bien visible quand on arrive au bout de la liste */
html body #tradeWrap#tradeWrap .asset-bar{mask-image:none!important;-webkit-mask-image:none!important;scroll-padding-right:12px!important}
html body #tradeWrap#tradeWrap .asset-bar::after{content:""!important;flex:0 0 10px!important;display:block!important}

/* case du gain : « Payout 88% » plus petit, un peu plus bas sous le montant, ne déborde dans aucune langue */
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="1.9"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="5"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="10"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="50"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{
  font-size:8.5px!important;padding:1px 6px!important;margin-top:4px!important;max-width:92%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;box-sizing:border-box!important;
}

/* plein écran : la mise s'écrit jusqu'à 10 000 000 sans être coupée (la case ne change pas) */
html.fs-trade body #tradeWrap#tradeWrap #inputStake{font-size:16px!important;letter-spacing:-.02em!important}
@media (max-width:400px){html.fs-trade body #tradeWrap#tradeWrap #inputStake{font-size:14.5px!important}}
/* plein écran Android : un vrai espace entre la mise et ACHETER */
@media (max-width:859px){html.fs-trade body #tradeWrap#tradeWrap .trade-row{margin-left:8px!important}}

/* Safari iPhone : sous la barre, un bleu nuit foncé (couleur du bas de l'univers), pas un bleu vif */
@media (max-width:859px){
  html.is-ios body:where(.oro-shown):not(#oroQ):not(.oroQ) #oroIosFloor#oroIosFloor{background:#101838!important}
  html.is-ios,html.is-ios body{background-color:#101838!important}
}

/* profil : la croix n'est plus coupée par la ligne du haut */
html body #drawerProfile#drawerProfile .drawer-head{border-bottom:0!important;padding-top:10px!important;padding-bottom:8px!important;align-items:center!important;overflow:visible!important}
html body #drawerProfile#drawerProfile .drawer-head .btn-close{position:relative!important;top:0!important;z-index:3!important}
/* profil : la croix tout au bout à droite, à la même distance du bord que le titre PROFIL à gauche */
html body #drawerProfile#drawerProfile .drawer-head{padding-right:12px!important;padding-left:12px!important}
html body #drawerProfile#drawerProfile .drawer-head .btn-close{margin-left:auto!important;right:auto!important}

/* =====================================================================
   Retouches 15 (demandées par le propriétaire)
   ===================================================================== */
/* Safari iPhone : la courbe (et MA / BB / EMA) va vraiment d'un bord à l'autre de l'écran.
   Une ancienne règle « -6 px » passait avant et laissait 2 à 3 px de creux devant et derrière sur iPhone. */
@media (max-width:859px){
  html:not(.fs-trade) body #tradeWrap#tradeWrap .chart-card.chart-card{
    width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  }
}
/* Recharger : le mot reste entre les deux pièces (plus jamais caché dessous, dans toutes les langues),
   un peu plus petit ; pièces USDT / BTC sans bord blanc ; un peu plus large côté Aide */
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit.btn-deposit{padding:0 30px!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-label{font-size:12.5px!important;letter-spacing:.01em!important;text-align:center!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta .crypto-mini-row .coin-svg{
  width:24px!important;height:24px!important;box-shadow:0 1px 3px rgba(90,35,0,.45)!important;filter:none!important;
}
html body #screenTrade#screenTrade #topbarCta.topbar-cta .crypto-mini-left{left:5px!important}
html body #screenTrade#screenTrade #topbarCta.topbar-cta .crypto-mini-right{right:5px!important}
@media (max-width:859px){
  html:not(.oro-guest) body #screenTrade#screenTrade .topbar .topbar-row > #topbarCta#topbarCta{margin:0 4px 0 9px!important;max-width:236px!important}
}
@media (max-width:370px){
  html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit .dep-label{font-size:11.5px!important}
  html body #screenTrade#screenTrade #topbarCta.topbar-cta #btnOpenDeposit.btn-deposit{padding:0 27px!important}
  html body #screenTrade#screenTrade #topbarCta.topbar-cta .crypto-mini-row .coin-svg{width:21px!important;height:21px!important}
}
/* case du gain : « Payout 5000% » s'écrit en entier (toutes les langues) : écriture minuscule, case basse */
html:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="1.9"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="5"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="10"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult,
html:not(.fs-trade) body #tradeWrap#tradeWrap .pad:where([data-hz-odds="50"]):not(.oroQ):not(.oroQ2):not(.oroQ3) .win-preview .mult{
  font-size:7px!important;line-height:1.25!important;letter-spacing:0!important;padding:0 4px!important;max-width:96%!important;font-weight:700!important;
}
/* profil : sur un écran court (Android), les lignes gardent leur taille et la page défile ;
   le texte « © 2026 … » ne passe plus sur « Se déconnecter » */
html body #drawerProfile#drawerProfile > *{flex-shrink:0!important}
html body #drawerProfile#drawerProfile .drawer-legal{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
/* le bas de l'écran (sous la barre de Safari, et pendant le chargement) : un fond d'univers avec des étoiles,
   pas une couleur plate */
@media (max-width:859px){html,html body{
  background-color:#101838!important;
  background-image:
    linear-gradient(180deg,#101838,#141C46)!important;
  background-size:100% 100%!important;
}}
@media (max-width:859px){
  html.is-ios body #oroIosFloor#oroIosFloor{
    display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    height:calc(14px + env(safe-area-inset-bottom,0px))!important;z-index:3!important;pointer-events:none!important;
    background-color:#101838!important;
    background-image:none!important;
  }
  html.is-ios.fs-trade body #oroIosFloor#oroIosFloor{display:none!important}
}

/* =====================================================================
   Retouches 16 : échange (demande du propriétaire) — BAAL (lion) sur la simulation violette,
   ORO 999 (pyramide, sans barre violette) sur la simulation orange façon Boom
   ===================================================================== */
html body #tradeWrap#tradeWrap .asset-chip[data-asset="apex500"]{--p1:#EBDDFF!important;--p2:#6D28D9!important;--pg:rgba(167,139,250,.45)!important}
html body #tradeWrap#tradeWrap .asset-chip[data-asset="horizon50"]{--p1:#FFC88A!important;--p2:#B24A08!important;--pg:rgba(255,152,0,.45)!important}

/* =====================================================================
   Retouches 17 : le bas de l'écran (sous la barre de Safari / Chrome) prend EXACTEMENT la couleur du
   bas du terminal (#121D4C) : plus de bord ni de « carré », le site semble continuer jusqu'en bas.
   ===================================================================== */
@media (max-width:859px){
  html,html body{background-color:#121D4C!important;background-image:none!important}
  html.is-ios body #oroIosFloor#oroIosFloor{background:#121D4C!important;background-image:none!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{background:linear-gradient(180deg,rgb(12,12,35) 0,rgb(14,18,50) 26px,#121D4C 100%)!important}
}

/* =====================================================================
   Retouches 18 : PC (demandes du propriétaire)
   ===================================================================== */
@media (min-width:860px){
  /* la courbe va jusqu'au bord gauche et jusqu'en bas de l'écran (plus de bande de fond) ;
     les marges sont mesurées par js/app.js (variables --oro-bleed-l / --oro-bleed-b) */
  html:not(.fs-trade):not(.is-tv) body #tradeWrap#tradeWrap .chart-card{
    margin-left:calc(-1 * var(--oro-bleed-l,0px))!important;width:calc(100% + var(--oro-bleed-l,0px))!important;max-width:none!important;
    height:calc(100% + var(--oro-bleed-b,0px))!important;max-height:none!important;
  }
  html:not(.fs-trade):not(.is-tv) body #tradeWrap#tradeWrap .chart-toolbar{padding-left:calc(8px + var(--oro-bleed-l,0px))!important}
  /* barre d'outils : un peu plus d'air entre MA / BB / EMA, entre − + et actualiser */
  html body #tradeWrap#tradeWrap .chart-toolbar .ind-btn:not(.zoom-btn){margin-right:6px!important}
  html body #tradeWrap#tradeWrap #chartZoomIn{margin-right:6px!important}
  html body #tradeWrap#tradeWrap #chartReset{margin-left:16px!important}
  /* PLEIN ÉCRAN : un peu plus à gauche, plus au-dessus de la colonne des prix */
  html body #tradeWrap#tradeWrap #btnChartFs{margin-right:62px!important}
  /* plein écran PC : outils de zoom écartés du bord droit (plus sur les prix) */
  html.fs-trade body #tradeWrap#tradeWrap #chartReset{margin-right:64px!important}
  /* plein écran PC : la mise un peu plus haut, plus d'espace entre ACHETER et VENDRE */
  html.fs-trade body #tradeWrap#tradeWrap .stake-line,
  html.fs-trade body #tradeWrap#tradeWrap .stake-field{margin-bottom:14px!important}
  html.fs-trade body #tradeWrap#tradeWrap .trade-row{gap:22px!important;row-gap:22px!important}
}
/* drapeaux dessinés (pareil sur PC, TV, iPhone, Android) */
html body .lang-flag .flag-svg{display:block;width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 1px 3px rgba(0,0,0,.4)}
html body .lang-dd-menu .lang-flag .flag-svg{width:24px;height:16px}

/* =====================================================================
   Retouches 19 (demandes du propriétaire)
   ===================================================================== */
/* PLEIN ÉCRAN (téléphone, PC, TV) : MA / BB / EMA bien larges et espacés à gauche ; + et − au milieu,
   bien séparés, actualiser juste à côté ; rien au-dessus de la colonne des prix à droite */
html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-pills{display:flex!important;align-items:center!important;width:100%!important;gap:10px!important;padding-right:54px!important;box-sizing:border-box!important;flex-wrap:nowrap!important}
html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-btn:not(.zoom-btn){min-width:46px!important;flex:0 0 auto!important;margin:0!important}
html.fs-trade body #tradeWrap#tradeWrap #chartZoomIn{margin:0 0 0 auto!important;width:34px!important;min-width:34px!important}
html.fs-trade body #tradeWrap#tradeWrap #chartZoomOut{margin:0 0 0 10px!important;width:34px!important;min-width:34px!important}
html.fs-trade body #tradeWrap#tradeWrap #chartReset{margin:0 auto 0 10px!important}
@media (min-width:860px){
  html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-pills{gap:16px!important;padding-right:80px!important}
  html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-btn:not(.zoom-btn){min-width:72px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomIn,
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomOut{width:40px!important;min-width:40px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomOut,
  html.fs-trade body #tradeWrap#tradeWrap #chartReset{margin-left:18px!important}
  /* PC, écran normal : actualiser un peu plus écarté de − */
  html:not(.fs-trade) body #tradeWrap#tradeWrap #chartReset{margin-left:26px!important}
}
@media (max-width:859px){
  /* bas de l'écran : le terminal descend en douceur jusqu'au bleu des fenêtres (inscription…),
     et ce même bleu continue sous la barre du navigateur → aucune limite visible */
  html,html body{background-color:#1A2A68!important;background-image:none!important}
  html.is-ios body #oroIosFloor#oroIosFloor{background:#1A2A68!important;background-image:none!important}
  html:not(.fs-trade) body #tradeWrap#tradeWrap .pad{background:linear-gradient(180deg,rgb(12,12,35) 0,rgb(14,18,50) 26px,#1A2A68 100%)!important}
  /* Android (Chrome) : ACHETER / VENDRE descendent presque contre la barre du navigateur
     (plus de bande sombre dessous), sans ombre noire en bas */
  html.is-android:not(.fs-trade) body #tradeWrap#tradeWrap .pad{padding-bottom:3px!important}
  html.is-android:not(.fs-trade) body #tradeWrap#tradeWrap .btn-trade{box-shadow:0 2px 8px rgba(0,0,0,.18)!important}
  /* iPhone : la fenêtre d'inscription / connexion ne passe plus sous la barre de Safari */
  html.is-ios body #screenAuth .auth-card{margin-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:859px){
  /* plein écran téléphone : + − actualiser jamais au-dessus de la colonne des prix */
  html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-pills{padding-right:84px!important;gap:8px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomIn,
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomOut{width:32px!important;min-width:32px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomOut,
  html.fs-trade body #tradeWrap#tradeWrap #chartReset{margin-left:8px!important}
}
@media (max-width:859px){
  html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-pills{padding-right:100px!important;gap:6px!important}
  html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-btn:not(.zoom-btn){min-width:44px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomOut,
  html.fs-trade body #tradeWrap#tradeWrap #chartReset{margin-left:4px!important}
}
/* plein écran : le groupe + − actualiser au MILIEU (une ancienne règle le collait à droite) */
html.fs-trade body #tradeWrap#tradeWrap #chartReset#chartReset{margin-right:auto!important}
html.fs-trade body #tradeWrap#tradeWrap #chartZoomIn#chartZoomIn{margin-left:auto!important}

/* =====================================================================
   Retouches 20 (demandes du propriétaire, mesures sur ses captures)
   ===================================================================== */
@media (max-width:859px){
  /* iPhone : la bande sous la barre de Safari prend ENFIN le bleu des fenêtres (#1A2A68) sur l'écran de
     jeu aussi (une ancienne règle plus forte gardait #101838 « bleu pur ») ; et elle n'existe que sur
     Safari : sur Chrome / autres navigateurs iPhone, plus de bande sous ACHETER / VENDRE */
  html.is-ios.is-ios-safari body:where(.oro-shown):not(#oroQ):not(.oroQ) #oroIosFloor#oroIosFloor,
  html.is-ios.is-ios-safari body #oroIosFloor#oroIosFloor{background:#1A2A68!important;background-image:none!important}
  html.is-ios:not(.is-ios-safari) body:where(.oro-shown):not(#oroQ):not(.oroQ) #oroIosFloor#oroIosFloor,
  html.is-ios:not(.is-ios-safari) body #oroIosFloor#oroIosFloor{display:none!important}
  /* Safari iPhone : page d'inscription / connexion plus compacte (le bas du cadre n'est plus mangé) */
  html.is-ios-safari body #screenAuth .field{margin-bottom:6px!important}
  html.is-ios-safari body #screenAuth .err-msg{min-height:0!important;margin-top:2px!important;margin-bottom:0!important}
  html.is-ios-safari body #screenAuth .auth-card{padding-bottom:12px!important}
  /* PLEIN ÉCRAN téléphone : la ligne du bas (mise, ACHETER, VENDRE) moins haute et un peu plus bas ;
     la place gagnée revient à la courbe */
  html.fs-trade body #tradeWrap#tradeWrap .btn-trade,
  html.fs-trade body #fsTradeOverlay .btn-trade{min-height:46px!important;height:46px!important}
  html.fs-trade body #tradeWrap#tradeWrap .stake-field,
  html.fs-trade body #tradeWrap#tradeWrap #inputStake{min-height:46px!important;height:46px!important}
  html.fs-trade body #tradeWrap#tradeWrap .pad{padding-top:4px!important;padding-bottom:2px!important}
}
@media (max-width:859px){
  html.fs-trade body #tradeWrap#tradeWrap #btnCall#btnCall,
  html.fs-trade body #tradeWrap#tradeWrap #btnPut#btnPut{min-height:46px!important;height:46px!important;max-height:46px!important}
}

/* =====================================================================
   TV (toutes les télés) : les règles « téléphone » (écran < 860 px) ne s'appliquent JAMAIS à une télé.
   Une télé annonce souvent ~844 px de large : elle recevait la courbe et le terminal étirés à 100 % de
   l'écran → courbe sortie à gauche, terminal qui déborde à droite.
   ===================================================================== */
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .chart-card.chart-card,
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .chart-card{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .pad{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:10px!important;padding-right:10px!important}
html.is-tv body #tradeWrap#tradeWrap .trade-row{margin-left:0!important;margin-right:0!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .chart-card.chart-card,
html.is-tv.fs-trade body #tradeWrap#tradeWrap .chart-card{margin-left:0!important;margin-right:0!important;max-width:none!important}
/* TV : la ligne des marchés remplit toute sa largeur (avant : tous serrés à gauche, vide à droite) */
html.is-tv body #tradeWrap#tradeWrap .asset-bar{justify-content:space-between!important;padding-left:8px!important;padding-right:8px!important}
html.is-tv body #tradeWrap#tradeWrap .asset-bar::after{display:none!important}
/* TV, écran normal : les 10 marchés tiennent sur la ligne (globes un peu plus petits) */
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip{flex:0 0 calc((100% - 16px) / 10)!important;width:calc((100% - 16px) / 10)!important;min-width:0!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip .mk-art{width:38px!important;height:38px!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:8.5px!important;max-width:100%!important;overflow:hidden!important;text-overflow:clip!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-bar{gap:2px!important;column-gap:2px!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip{flex:0 0 calc((100% - 34px) / 10)!important;width:calc((100% - 34px) / 10)!important}

/* =====================================================================
   Retouches 21 : actualiser jamais collé à « − » (plein écran partout, PC écran normal),
   jamais au-dessus de la colonne des prix ; indicateurs moins serrés à gauche sur PC / TV
   ===================================================================== */
@media (max-width:859px){
  html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-btn:not(.zoom-btn){min-width:42px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomOut{margin-left:2px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartReset#chartReset{margin-left:18px!important}
}
@media (min-width:860px){
  html:not(.fs-trade) body #tradeWrap#tradeWrap #chartReset{margin-left:34px!important}
  html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-pills{padding-left:16px!important;gap:22px!important}
  html.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-btn:not(.zoom-btn){min-width:84px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartZoomOut{margin-left:6px!important}
  html.fs-trade body #tradeWrap#tradeWrap #chartReset#chartReset{margin-left:38px!important}
}
html.is-tv body #tradeWrap#tradeWrap #chartReset#chartReset{margin-left:30px!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-pills{padding-left:14px!important;gap:20px!important;padding-right:90px!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .chart-toolbar .ind-btn:not(.zoom-btn){min-width:70px!important}
/* Arabe (de droite à gauche) : la croix du profil tout au bout à GAUCHE, jamais collée au titre */
html[dir="rtl"] body #drawerProfile#drawerProfile .drawer-head .btn-close{margin-left:0!important;margin-right:auto!important}
html[dir="rtl"] body .drawer .drawer-head .btn-close,html[dir="rtl"] body .modal .btn-close{margin-left:0!important;margin-right:auto!important}
/* Arabe : les MONTANTS et nombres s'écrivent toujours de gauche à droite (« 1 000 000 $ » et non
   « $ 000 000 1 », « ×2 » et non « 2× ») ; le texte arabe autour reste de droite à gauche */
html[dir="rtl"] body .mb-amt,
html[dir="rtl"] body .stake-act,
html[dir="rtl"] body #previewGain,
html[dir="rtl"] body #inputStake,
html[dir="rtl"] body #profWalletBal,
html[dir="rtl"] body #profPublicId,
html[dir="rtl"] body .wallet-card-v,
html[dir="rtl"] body .fs-stake-est,
html[dir="rtl"] body .strip-price{direction:ltr!important;unicode-bidi:isolate!important}
/* Petits téléphones : « Connexion / Inscription » tiennent dans toutes les langues (russe, espagnol…) */
@media (max-width:400px){
  html.oro-guest body #screenTrade#screenTrade #authQuick .btn-auth-link{font-size:12px!important;letter-spacing:-.02em!important;padding:0 2px!important;white-space:nowrap!important}
}

/* =====================================================================
   Retouches 22 : grands écrans (PC, TV)
   ===================================================================== */
/* le fond agrandi mettait de grosses planètes juste à côté des marchés : fond étoilé sans planètes
   (celui des pages d'inscription) ; les planètes dessinées DANS la courbe restent */
@media (min-width:860px){
  html body #screenTrade#screenTrade,html body #fsTradeOverlay#fsTradeOverlay{
    background:linear-gradient(180deg,rgba(10,8,30,.15),rgba(10,8,30,.35)),url("galaxy-auth.svg?v=2367") center top/cover no-repeat,#13113A!important}
}
html.is-tv body #screenTrade#screenTrade,html.is-tv body #fsTradeOverlay#fsTradeOverlay{
  background:linear-gradient(180deg,rgba(10,8,30,.15),rgba(10,8,30,.35)),url("galaxy-auth.svg?v=2367") center top/cover no-repeat,#13113A!important}
/* TV : noms des marchés lisibles en entier (VOLATILITY, APOCALYPSE…) */
html.is-tv body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:7.6px!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:9px!important}
/* TV : la case du gain plus grande, « Payout 88% » écrit en entier */
html.is-tv body #tradeWrap#tradeWrap .win-preview .amount{font-size:24px!important}
html.is-tv body #tradeWrap#tradeWrap .win-preview .mult{font-size:10px!important;max-width:none!important;overflow:visible!important;padding:1px 6px!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:7px!important;letter-spacing:-.03em!important}
/* TV écran normal : la courbe et le terminal descendent jusqu'en bas de l'écran */
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap{padding-bottom:0!important}
html.is-tv:not(.fs-trade) body #screenTrade .trade-shell{padding-bottom:0!important}
/* TV plein écran : mise, BUY, SELL regroupés (plus de grand vide), BUY et SELL bien séparés
   (télécommande / souris : pas de clic sur le mauvais bouton) */
html.is-tv.fs-trade body #tradeWrap#tradeWrap .pad{justify-content:center!important;gap:14px!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .stake-line,
html.is-tv.fs-trade body #tradeWrap#tradeWrap .trade-row{flex:0 0 auto!important;height:auto!important;min-height:0!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .trade-row{display:flex!important;flex-direction:column!important;gap:16px!important;row-gap:16px!important;justify-content:flex-start!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .trade-row{gap:16px!important;column-gap:16px!important}
/* Toutes les fenêtres (dépôt, retrait, aide…) : si le contenu dépasse la hauteur de l'écran (TV, petit
   PC, téléphone couché), la fenêtre DÉFILE au lieu de couper le bas (ex. TV : « Dépôt crypto » coupé) */
html body .modal-backdrop > .modal-box{overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html body .modal-backdrop > .modal-box:is(#oroToutesFenetres,.modal-box):is(#oroToutesFenetres2,.modal-box){overflow-y:auto!important}
/* Arabe (de droite à gauche), plein écran téléphone : l'espace entre la mise et ACHETER / VENDRE passe
   de l'autre côté (avant : VENDRE chevauchait la case de mise) */
@media (max-width:859px){
  html[dir="rtl"].fs-trade body #tradeWrap#tradeWrap .trade-row{margin-left:0!important;margin-right:8px!important}
}

/* ===== v2290 — Case du gain : même couleur que la mise (orange en DÉMO, vert en RÉEL) ===== */
html body #tradeWrap .win-preview #previewGain#previewGain{color:#F7931A!important;-webkit-text-fill-color:#F7931A!important}
html:not(.fs-trade) body #tradeWrap .win-preview #previewGain#previewGain{color:#FFB65C!important;-webkit-text-fill-color:#FFB65C!important}
html body:where(.oro-real):not(#oroQ):not(.oroQ) #tradeWrap .win-preview #previewGain#previewGain{color:#22E07A!important;-webkit-text-fill-color:#22E07A!important}

/* ===== v2291 — Arabe, profil (Android et autres) : la croix ne colle plus au coin, même espace que sur iPhone ===== */
html[dir="rtl"]:not(.is-ios) body #drawerProfile#drawerProfile .drawer-head{padding-top:16px!important;padding-left:16px!important;padding-bottom:10px!important}

/* ===== v2291 — Phrase « © 2026 OROLADO.COM · 24/7 » : remontée un peu, loin du bord du bas (barres du téléphone)
   et décollée du bouton de déconnexion (profil) / du bas de la carte (connexion, inscription) ===== */
html body #drawerProfile#drawerProfile .drawer-legal{margin-top:12px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
html body #screenAuth#screenAuth .legal{margin-top:10px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}

/* ===== v2291 — Android, application installée (écran d'accueil) : l'appli prend tout l'écran, les coins arrondis
   du téléphone mangeaient le bas d'ACHETER / VENDRE. Petit espace sous les boutons et boutons un peu moins hauts
   (écran normal et plein écran). Le navigateur Chrome normal ne change pas. ===== */
@media (display-mode: standalone), (display-mode: fullscreen) {
  html.is-android:not(.is-tv) body #tradeWrap#tradeWrap .pad{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
  html.is-android:not(.is-tv):not(.fs-trade) body #tradeWrap#tradeWrap .trade-row,
  html.is-android:not(.is-tv):not(.fs-trade) body #tradeWrap#tradeWrap .trade-row #btnCall,
  html.is-android:not(.is-tv):not(.fs-trade) body #tradeWrap#tradeWrap .trade-row #btnPut{height:52px!important;min-height:52px!important}
  /* Plein écran : la rangée garde EXACTEMENT la hauteur de la case de mise et des boutons (46 px). Avant (v2291) :
     rangée à 42 px mais boutons à 46 px → ils dépassaient de 4 px, la ligne mise / ACHETER / VENDRE n'était pas droite. */
}

/* ===== v2291 — TV, écran normal ===== */
/* Démo / Compte réel alignés sur la courbe (à gauche) et sur le terminal (à droite) : avant, 26 px de marge
   de chaque côté → le terminal dépassait la carte « Compte réel » */
html.is-tv:not(.fs-trade) body #screenTrade#screenTrade .topbar-mode.topbar-mode{padding-left:0!important;padding-right:0!important}
/* Case du gain : plus large (avant 70 px, « $ 1.8 » coupé) — les durées gardent leur place, la mise et le gain
   se partagent le reste */
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .stake-line{grid-template-columns:100px minmax(0,1fr) minmax(0,1.2fr)!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview{width:auto!important;max-width:none!important;min-width:0!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .win-preview .amount{font-size:21px!important}
/* Noms des marchés : plus grands, décollés du globe, jamais coupés (APOCALYPSE en entier) */
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-bar{padding-right:12px!important;padding-left:10px!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip{overflow:visible!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .asset-chip .mk-name{font-size:8.4px!important;letter-spacing:-.01em!important;margin-top:5px!important;line-height:1.1!important;overflow:visible!important;white-space:nowrap!important;max-width:none!important}
/* ===== v2291 — TV, plein écran : mise, BUY et SELL bien séparés (télécommande : pas de clic sur le mauvais
   bouton) ; noms des marchés décollés du globe et jamais coupés aux bords (VOLATILITY, APOCALYPSE) ===== */
html.is-tv.fs-trade body #tradeWrap#tradeWrap .pad{gap:40px!important;row-gap:40px!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .trade-row{gap:36px!important;row-gap:36px!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .asset-bar{padding-left:18px!important;padding-right:34px!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .asset-chip{overflow:visible!important}
html.is-tv.fs-trade body #tradeWrap#tradeWrap .asset-chip .mk-name{margin-top:5px!important;line-height:1.1!important}
/* TV écran normal : la case du gain prend toute la hauteur (avant : vide au-dessus de la case) */
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .stake-line .win-preview{align-self:stretch!important;height:auto!important;max-height:none!important;margin-top:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}
/* TV : le profil tient en entier dans l'écran (avant : il fallait défiler pour voir le bas, difficile avec la télécommande) */
html.is-tv body #drawerProfile#drawerProfile{zoom:.6!important;height:calc(100vh / .6)!important}

/* ===== v2291 — PC, écran normal : ACHETER / VENDRE alignés exactement sur les autres lignes du terminal
   (avant : décalés de 5 px vers la gauche) ; noms des marchés décollés du globe ===== */
@media (min-width:860px){
  html:not(.is-tv):not(.fs-trade) body #tradeWrap#tradeWrap .trade-row{margin-left:0!important;margin-right:0!important;width:auto!important;align-self:stretch!important}
}
html:not(.is-tv) body #tradeWrap#tradeWrap .asset-chip .mk-name{margin-top:5px!important}

/* =====================================================================
   v2291 — Bouton « Recharger » : modèle 6 choisi par le propriétaire (« Coucher de soleil »)
   dégradé orange → rose, rond blanc avec un « + » rose, sans pièces crypto. Téléphone, PC, TV.
   ===================================================================== */
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta{background:linear-gradient(90deg,#FF7A18 0%,#FF5A4E 50%,#FF3D77 100%)!important;border:0!important;border-radius:999px!important;
  box-shadow:0 0 14px rgba(255,90,80,.45),0 2px 8px rgba(255,61,119,.25),inset 0 1px 0 rgba(255,255,255,.38)!important;padding:0!important;overflow:hidden!important;position:relative!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta .crypto-mini-row{display:none!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit{background:transparent!important;border:0!important;box-shadow:none!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 14px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:15px!important;font-weight:800!important;letter-spacing:.01em!important;text-shadow:0 1px 2px rgba(120,20,40,.35)!important;border-radius:999px!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-label{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:none!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-bolt{font-size:0!important;flex:0 0 22px!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#fff!important;
  display:grid!important;place-items:center!important;box-shadow:0 1px 4px rgba(120,20,40,.35)!important;margin:0!important;filter:none!important;animation:none!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-bolt::before{content:"+";font-size:18px;font-weight:800;line-height:1;color:#FF3D77;-webkit-text-fill-color:#FF3D77;transform:translateY(-1px)}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta:active{filter:brightness(1.08)!important;transform:scale(.98)!important}
/* PC et TV : il y a de la place → bouton plus long (la hauteur ne change pas) */
@media (min-width:860px){
  html:not(.fs-trade) body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta{flex:0 1 300px!important;min-width:240px!important;max-width:320px!important}
}
html.is-tv:not(.fs-trade) body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta{flex:0 1 300px!important;min-width:240px!important;max-width:320px!important}
/* « + » du bouton Recharger : rond blanc nacré, croix épaisse dessinée en dégradé orange → rose (plus net qu'une lettre) */
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-bolt{flex:0 0 24px!important;width:24px!important;height:24px!important;
  background:radial-gradient(circle at 35% 28%,#FFFFFF 0%,#FFF4F6 55%,#FFE1EA 100%)!important;
  box-shadow:0 1px 5px rgba(120,20,40,.38),inset 0 -1px 2px rgba(255,61,119,.22)!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-bolt::before{content:""!important;width:12px;height:12px;transform:none;
  background:linear-gradient(180deg,#FF7A18,#FF3D77) center/3.2px 12px no-repeat,linear-gradient(90deg,#FF7A18,#FF3D77) center/12px 3.2px no-repeat}
/* PC : le bouton s'allonge dans la place libre de la barre du haut */
@media (min-width:860px){
  html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta{flex:1 1 380px!important;max-width:440px!important}
}
@media (min-width:860px){
  html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row.topbar-row{grid-template-columns:1fr minmax(240px,440px) 1fr!important}
  html:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta{width:100%!important;max-width:none!important;justify-self:stretch!important}
}

/* ===== v2293 — iPhone, application installée (écran d'accueil). Safari et Android ne changent pas. =====
   1) La bande décorative du bas (faite pour la barre flottante de Safari, 48 px de bleu) se posait PAR-DESSUS
      ACHETER / VENDRE dans l'appli : boutons cachés mais encore cliquables. Dans l'appli : jamais de bande.
   2) Petit espace sous ACHETER / VENDRE (barre d'accueil de l'iPhone), et fond bleu du terminal tout en bas
      (avant : bande noire). */
@media (display-mode: standalone), (display-mode: fullscreen) {
  html.is-ios, html.is-ios body{background-color:#1A2A68!important}
  html.is-ios body #oroIosFloor#oroIosFloor,
  html.is-ios body:where(.oro-shown):not(#oroQ):not(.oroQ) #oroIosFloor#oroIosFloor{display:none!important}
  html.is-ios:not(.fs-trade) body #tradeWrap#tradeWrap > .pad{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
}

/* =====================================================================
   v2302 — Bouton « Recharger » sérieux (demande du propriétaire) : rectangle aux coins à peine arrondis
   (plus de pilule), vrai « + » blanc, épais et net (plus de rond), même dégradé coucher de soleil.
   Le texte rétrécit tout seul s'il manque de place (Android étroit, langues longues) : jamais « Rech… ».
   ===================================================================== */
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta,
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit{border-radius:12px!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit{gap:8px!important;padding:0 10px!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-bolt{flex:0 0 16px!important;width:16px!important;height:16px!important;
  background:none!important;box-shadow:none!important;border-radius:0!important;filter:drop-shadow(0 1px 1.5px rgba(110,15,40,.45))!important}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-bolt::before{content:""!important;width:16px!important;height:16px!important;transform:none!important;
  background:linear-gradient(#fff,#fff) center/4px 16px no-repeat,linear-gradient(#fff,#fff) center/16px 4px no-repeat!important;border-radius:1px}
html body #screenTrade#screenTrade #topbarCta#topbarCta#topbarCta #btnOpenDeposit .dep-label{overflow:visible!important;text-overflow:clip!important;letter-spacing:0!important}

/* v2302 — Cases des durées : « 1 / 5 / 10 » + « min » plus petit, collés (même allure partout, plus de débordement
   sur TV / PC) ; contenu des 6 cases remonté d'un cheveu */
html body #tradeWrap#tradeWrap .dur-chip .dc-t{display:inline-flex!important;align-items:baseline!important;gap:1px!important;white-space:nowrap!important;line-height:1!important}
html body #tradeWrap#tradeWrap .dur-chip .dc-u{font-size:.78em!important;font-weight:700!important;letter-spacing:-.02em!important;opacity:.92}
html:not(.fs-trade) body #tradeWrap#tradeWrap .dur-chip{padding-top:0!important;padding-bottom:3px!important;overflow:hidden!important}
html.is-tv:not(.fs-trade) body #tradeWrap#tradeWrap .stake-line{grid-template-columns:114px minmax(0,1fr) minmax(0,1.2fr)!important}
html.is-tv body #tradeWrap#tradeWrap .dur-chip .dc-t{font-size:10.5px!important}
/* v2304 — appli iPhone (classe posée par js/app.js) : fond bleu du terminal partout, jusqu'au bas de l'écran */
html.ios-app, html.ios-app body{background-color:#1A2A68!important}
html.ios-app body #screenTrade#screenTrade{min-height:100vh!important}
/* v2305 — case de mise (écran normal) : l'ancien « $ » fixe (PC, penché, posé à un endroit fixe) est remplacé par
   le « $ » qui suit le chiffre (#stakeCur, js/app.js). Le plein écran garde le sien. */
html:not(.fs-trade) body #tradeWrap#tradeWrap .stake-field::before{content:none!important;display:none!important}
html.fs-trade #stakeCur{display:none!important}
/* v2306 — boutons tapés très souvent (ACHETER, VENDRE, ×2, ÷2, effacer, payouts, durées, + / − / actualiser, Aide,
   drapeau, profil, Recharger) : JAMAIS de zoom de la page, même en tapant vite (y compris sur le texte / l'icône
   à l'intérieur du bouton). */
html body button, html body button *, html body .qbtn, html body .qbtn *, html body .dur-chip *, html body .odds-chip *,
html body .asset-chip *, html body .ind-btn *, html body .help-badge *, html body .lang-dd-btn *, html body #btnProfile *,
html body #topbarCta, html body #topbarCta *{touch-action:manipulation!important}
/* v2306 — lumière au toucher bien visible sur + / − / actualiser (avant : on ne savait pas si le toucher avait marché) */
html body #tradeWrap#tradeWrap .ind-btn.zoom-btn.tap-lit,
html body #tradeWrap#tradeWrap .ind-btn.chart-reset-btn.tap-lit{box-shadow:0 0 0 2px rgba(255,214,140,.95),0 0 16px rgba(255,170,60,.85)!important;transform:scale(.94)!important;transition:transform .08s ease,box-shadow .08s ease!important}
/* v2307 — Safari iPhone : la phrase « © 2026 OROLADO.COM » revient visible en CONNEXION et remonte un peu en
   INSCRIPTION (la grande marge v2291 = 18 px + zone de la barre d'accueil la poussait hors de l'écran).
   Les autres navigateurs (validés) ne changent pas. */
html.is-ios-safari body #screenAuth#screenAuth .legal{margin-top:8px!important;padding-bottom:22px!important}

/* =====================================================================
   v2308 — Notifications plus pros (demande du propriétaire) : carte large et nette, coins à peine arrondis,
   barre de couleur sur le côté selon le type (rouge erreur, vert succès, bleu info, ambre égalité), icône dans un
   petit carré, texte sur une ligne quand c'est possible. Les petits messages « micro » ne changent pas.
   ===================================================================== */
html body #toast.toast.lux-msg:not(.micro){
  width:max-content;min-width:min(260px,88vw);max-width:min(380px,92vw);
  display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;
  padding:10px 14px 10px 12px!important;border-radius:10px!important;
  font-size:13px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.005em!important;
  background:linear-gradient(180deg,rgba(26,24,62,.97),rgba(14,13,38,.97))!important;
  border:1px solid rgba(150,140,255,.28)!important;border-left:4px solid #60A5FA!important;color:#EEF2FF!important;
  box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)!important}
html body #toast.toast.lux-msg:not(.micro) .lux-msg-ico{
  width:24px!important;height:24px!important;flex:0 0 24px!important;margin:0!important;border-radius:6px!important;opacity:1!important;
  background:rgba(96,165,250,.18)!important;-webkit-mask:none!important;mask:none!important;position:relative}
html body #toast.toast.lux-msg:not(.micro) .lux-msg-ico::after{content:"i";position:absolute;inset:0;display:grid;place-items:center;
  font:800 14px/1 "Plus Jakarta Sans",system-ui,sans-serif;color:#93C5FD}
html body #toast.toast.err:not(.micro){border-left-color:#F43F5E!important;color:#FFE4E8!important}
html body #toast.toast.err:not(.micro) .lux-msg-ico{background:rgba(244,63,94,.18)!important}
html body #toast.toast.err:not(.micro) .lux-msg-ico::after{content:"!";color:#FB7185}
html body #toast.toast.ok:not(.micro){border-left-color:#22C55E!important;color:#DCFCE7!important}
html body #toast.toast.ok:not(.micro) .lux-msg-ico{background:rgba(34,197,94,.18)!important}
html body #toast.toast.ok:not(.micro) .lux-msg-ico::after{content:"✓";color:#4ADE80}
html body #toast.toast.tie:not(.micro){border-left-color:#F59E0B!important;color:#FEF3C7!important}
html body #toast.toast.tie:not(.micro) .lux-msg-ico{background:rgba(245,158,11,.18)!important}
html body #toast.toast.tie:not(.micro) .lux-msg-ico::after{content:"=";color:#FBBF24}
html body #toast.toast.lux-msg:not(.micro) .lux-msg-txt{flex:1 1 auto;min-width:0}
/* v2309 — notifications COLORÉES aux couleurs du site (le propriétaire : « pas des notifications noires, sombres »).
   Dégradé plein et lumineux selon le type, texte blanc, icône dans un carré clair. */
html body #toast.toast.lux-msg:not(.micro){
  background:linear-gradient(135deg,#6D28D9 0%,#4F46E5 55%,#2563EB 100%)!important;border:1px solid rgba(255,255,255,.28)!important;
  border-left:1px solid rgba(255,255,255,.28)!important;color:#FFFFFF!important;
  box-shadow:0 10px 28px rgba(79,70,229,.45),0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3)!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}
html body #toast.toast.lux-msg:not(.micro) .lux-msg-ico{background:rgba(255,255,255,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
html body #toast.toast.lux-msg:not(.micro) .lux-msg-ico::after{color:#FFFFFF!important}
html body #toast.toast.err:not(.micro){background:linear-gradient(135deg,#F43F5E 0%,#E11D48 55%,#BE185D 100%)!important;color:#fff!important;
  box-shadow:0 10px 28px rgba(225,29,72,.45),0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3)!important}
html body #toast.toast.ok:not(.micro){background:linear-gradient(135deg,#22C55E 0%,#16A34A 55%,#0F766E 100%)!important;color:#fff!important;
  box-shadow:0 10px 28px rgba(22,163,74,.45),0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3)!important}
html body #toast.toast.tie:not(.micro){background:linear-gradient(135deg,#FBBF24 0%,#F59E0B 55%,#EA580C 100%)!important;color:#fff!important;
  box-shadow:0 10px 28px rgba(245,158,11,.45),0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.3)!important}
/* v2311 — appli iPhone : plus de bande bleue sous ACHETER / VENDRE ; le fond galaxie remonte jusque juste sous les
   boutons (demande du propriétaire, capture de l'appli). Petit espace de 6 px sous les boutons. */
@media (display-mode: standalone), (display-mode: fullscreen) {
  html.ios-app:not(.fs-trade) body #tradeWrap#tradeWrap > .pad.pad{padding-bottom:6px!important}
}
html.ios-app:not(.fs-trade) body #tradeWrap#tradeWrap > .pad.pad{padding-bottom:6px!important}

/* =====================================================================
   v2314 — Téléphone connecté : « Recharger » PILE AU CENTRE de la barre du haut (demande du propriétaire :
   même espace à sa gauche et à sa droite). Barre en 3 colonnes égales : logo à gauche, Recharger au centre,
   Aide / drapeau / profil à droite. La largeur de Recharger s'adapte à l'écran (le texte rétrécit si besoin).
   ===================================================================== */
@media (max-width:859px){
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row.topbar-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;column-gap:6px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #brandLockup{grid-column:1!important;justify-self:start!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #topbarCta#topbarCta#topbarCta{
    grid-column:2!important;justify-self:center!important;margin:0!important;
    width:clamp(118px, calc(100vw - 240px), 210px)!important;min-width:0!important;max-width:none!important;flex:none!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions{grid-column:3!important;justify-self:end!important;margin:0!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #authQuick{display:none!important}
}
@media (max-width:859px){
  /* les deux côtés occupent exactement la même largeur → espace identique à gauche et à droite de Recharger */
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row.topbar-row{column-gap:8px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #brandLockup{justify-self:stretch!important;justify-content:center!important;min-width:0!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions{justify-self:stretch!important;display:flex!important;justify-content:space-between!important;min-width:0!important}
}

/* v2315 — Plein écran : Démo | QUITTER | Compte réel sur une seule ligne, QUITTER pile au centre (même largeur pour
   Démo et Compte réel). Le bloc prend toute la largeur de la barre ; l'ancienne place à droite est vidée. */
html.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-top-end{display:none!important}
html.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar #fsTopMidHome,html.fs-exit-mid.fs-trade body .fs-trade-topbar #fsTopMid{flex:1 1 auto!important;width:100%!important;max-width:none!important;min-width:0!important}
html.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-mode-switch.fs-mode-switch{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:stretch!important;column-gap:8px!important;width:100%!important}
html.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-mode-switch #fsBtnDemo{grid-column:1!important;width:100%!important;min-width:0!important}
html.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-mode-switch #btnChartFsExit{grid-column:2!important;align-self:stretch!important;height:auto!important;margin:0!important}
html.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-mode-switch #fsBtnReal{grid-column:3!important;width:100%!important;min-width:0!important}
html.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-mode-switch.fs-mode-switch{justify-content:stretch!important;max-width:none!important}
@media (min-width:860px){
  html.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-mode-switch.fs-mode-switch{grid-template-columns:minmax(0,260px) auto minmax(0,260px)!important;justify-content:center!important}
}
html.is-tv.fs-exit-mid.fs-trade body #fsTradeOverlay#fsTradeOverlay .fs-trade-topbar .fs-mode-switch.fs-mode-switch{grid-template-columns:minmax(0,260px) auto minmax(0,260px)!important;justify-content:center!important}

/* =====================================================================
   v2319 — Applis installées (demande du propriétaire)
   iPhone : profil qui commence SOUS l'heure / la batterie et descend jusqu'au vrai bas de l'écran (galaxie, plus de
   noir) ; plein écran : mise / ACHETER / VENDRE remontés au-dessus de la barre d'accueil.
   Android : titre « PROFIL » et croix un peu plus bas.
   ===================================================================== */
html.ios-app body #drawerProfile#drawerProfile{bottom:auto!important;height:var(--ios-full-h,100vh)!important;max-height:none!important;
  padding-top:calc(env(safe-area-inset-top,0px) + 8px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;
  background-size:auto,cover,auto!important}
html.ios-app body .drawer-backdrop,html.ios-app body #drawerBackdrop{bottom:auto!important;height:var(--ios-full-h,100vh)!important}
html.ios-app.fs-trade body #tradeWrap#tradeWrap > .pad.pad{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 4px)!important}
@media (display-mode: standalone), (display-mode: fullscreen) {
  html.is-android:not(.is-tv) body #drawerProfile#drawerProfile .drawer-head{padding-top:calc(env(safe-area-inset-top,0px) + 18px)!important}
}

/* v2320 — Barre du haut des VISITEURS (téléphone) : même espace (6 px) entre tous les éléments
   logo | Connexion | Inscription | Aide | drapeau ; Connexion et Inscription de même largeur (avant : 10 / 12 / 6 / 4 px). */
@media (max-width:859px){
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row.topbar-row{
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;column-gap:6px!important}
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #brandLockup{grid-column:1!important;margin:0!important}
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #authQuick{grid-column:2!important;justify-self:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:6px!important;margin:0!important;width:auto!important;min-width:0!important}
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade #authQuick .btn-auth-link{width:100%!important;margin:0!important}
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions{grid-column:3!important;display:flex!important;gap:6px!important;margin:0!important}
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions > *{margin:0!important}
}
@media (max-width:859px){
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #authQuick#authQuick{column-gap:6px!important;gap:6px!important;padding:0!important}
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions.topbar-actions{padding:0!important;margin-left:4px!important}
}
@media (max-width:859px){
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade #authQuick #btnGoRegister#btnGoRegister,
  html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade #authQuick #btnGoLogin#btnGoLogin{margin:0!important}
}

/* v2325 — Notifications PETITES et légèrement transparentes (demande du propriétaire : « longues inutilement »).
   La carte prend juste la place du texte, hauteur réduite, couleur douce avec un léger flou derrière. */
html body #toast.toast.lux-msg:not(.micro){
  width:max-content!important;min-width:0!important;max-width:min(300px,84vw)!important;
  gap:7px!important;padding:6px 12px 6px 7px!important;border-radius:999px!important;
  font-size:12px!important;line-height:1.25!important;min-height:0!important;height:auto!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.3);backdrop-filter:blur(8px) saturate(1.3);
  background:linear-gradient(135deg,rgba(109,40,217,.80),rgba(37,99,235,.80))!important;
  box-shadow:0 6px 18px rgba(30,20,90,.35),inset 0 1px 0 rgba(255,255,255,.25)!important}
html body #toast.toast.lux-msg:not(.micro) .lux-msg-ico{width:18px!important;height:18px!important;flex:0 0 18px!important;border-radius:999px!important}
html body #toast.toast.lux-msg:not(.micro) .lux-msg-ico::after{font-size:11px!important}
html body #toast.toast.err:not(.micro){background:linear-gradient(135deg,rgba(244,63,94,.80),rgba(190,24,93,.80))!important;box-shadow:0 6px 18px rgba(190,24,93,.30),inset 0 1px 0 rgba(255,255,255,.25)!important}
html body #toast.toast.ok:not(.micro){background:linear-gradient(135deg,rgba(34,197,94,.80),rgba(15,118,110,.80))!important;box-shadow:0 6px 18px rgba(15,118,110,.30),inset 0 1px 0 rgba(255,255,255,.25)!important}
html body #toast.toast.tie:not(.micro){background:linear-gradient(135deg,rgba(251,191,36,.82),rgba(234,88,12,.82))!important;box-shadow:0 6px 18px rgba(234,88,12,.30),inset 0 1px 0 rgba(255,255,255,.25)!important}
/* v2325 — barre visiteur : même espace de 6 px avant « Aide » */
@media (max-width:859px){ html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions.topbar-actions{margin-left:0!important} }
@media (max-width:859px){ html.oro-guest:not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade#screenTrade .topbar .topbar-actions.topbar-actions.topbar-actions{margin-left:0!important} }

/* =====================================================================
   v2328 — (captures du propriétaire, iPhone + Android) 1) le bonhomme du profil était coupé au bord droit :
   sur un vrai téléphone, Aide / drapeau / profil prenaient plus de place que prévu. Le groupe de droite et le logo
   ont maintenant EXACTEMENT la même largeur fixe (104 px), chaque bouton 32 px → rien ne dépasse, Recharger reste
   pile au centre avec le même espace des deux côtés. 2) Profil : plus de trait fin sur le bord gauche (téléphone).
   ===================================================================== */
@media (max-width:859px){
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row.topbar-row{
    grid-template-columns:104px minmax(0,1fr) 104px!important;column-gap:8px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #brandLockup#brandLockup{
    width:104px!important;max-width:104px!important;min-width:0!important;overflow:hidden!important;justify-self:start!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #topbarCta#topbarCta#topbarCta{
    width:100%!important;max-width:210px!important;justify-self:center!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions.topbar-actions{
    width:104px!important;max-width:104px!important;min-width:0!important;justify-self:end!important;
    display:flex!important;justify-content:space-between!important;align-items:center!important;gap:0!important;padding:0!important;margin:0!important;overflow:visible!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions.topbar-actions > *{
    flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;margin:0!important;padding-left:0!important;padding-right:0!important}
  html body #drawerProfile#drawerProfile{border-left:0!important;border-right:0!important}
}
@media (max-width:859px){
  html[lang="ru"] body #screenTrade#screenTrade .topbar-actions #btnHelp#btnHelp .hb-txt.hb-txt{font-size:7px!important;letter-spacing:0!important}
  html:not(.oro-guest):not(.fs-trade) body #screenTrade#screenTrade .topbar-actions #btnHelp .hb-txt{max-width:34px!important;white-space:nowrap!important}
}

/* =====================================================================
   v2329 — Barre du haut connectée, finition (captures du propriétaire) : Recharger un peu plus court, Aide / drapeau /
   Profil de même taille (36 px) avec le même espace entre eux, bonhomme plus grand avec « Profil » écrit dessous
   comme « Aide » et « FR ». Logo et groupe de droite ont la même largeur (118 px) → Recharger pile au centre.
   ===================================================================== */
@media (max-width:859px){
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row.topbar-row{
    grid-template-columns:118px minmax(0,1fr) 118px!important;column-gap:8px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #brandLockup#brandLockup{
    width:118px!important;max-width:118px!important;justify-content:center!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #topbarCta#topbarCta#topbarCta{max-width:190px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions.topbar-actions{width:118px!important;max-width:118px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions.topbar-actions > *{
    flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
    height:38px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile svg{width:22px!important;height:22px!important;stroke-width:2!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile .pf-txt{
    display:block!important;font:800 8.5px/1 "Plus Jakarta Sans",system-ui,-apple-system,sans-serif!important;letter-spacing:.34px!important;
    color:rgb(201,203,234)!important;white-space:nowrap!important;max-width:38px!important}
  html[lang="ru"] body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile .pf-txt,
  html[lang="vi"] body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile .pf-txt{font-size:7px!important;letter-spacing:0!important}
}
/* Ailleurs (invité, PC, TV) le mot sous le bonhomme reste caché comme avant. */
html body #btnProfile .pf-txt{display:none}
/* v2329 — petits téléphones (Android 360 px…) : côtés de 108 px, boutons de 34 px → Recharger garde ~116 px. */
@media (max-width:399px){
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row.topbar-row{grid-template-columns:108px minmax(0,1fr) 108px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > #brandLockup#brandLockup,
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-row > .topbar-actions.topbar-actions{width:108px!important;max-width:108px!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions.topbar-actions > *{flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important}
}
/* v2329 — mots sous Aide / Profil trop longs dans 3 langues : un peu plus petits pour rester dans leur case. */
html[lang="ru"] body #screenTrade#screenTrade .topbar-actions #btnHelp#btnHelp .hb-txt.hb-txt,
html[lang="ru"] body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile .pf-txt{font-size:6.5px!important;letter-spacing:0!important}
html[lang="vi"] body #screenTrade#screenTrade .topbar-actions #btnHelp#btnHelp .hb-txt.hb-txt,
html[lang="id"] body #screenTrade#screenTrade .topbar-actions #btnHelp#btnHelp .hb-txt.hb-txt{font-size:7.5px!important;letter-spacing:0!important}
html[lang="vi"] body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile .pf-txt{font-size:8.5px!important;letter-spacing:.34px!important}
/* v2330 — correction : les mots réduits (russe, vietnamien, indonésien) n'étaient pas appliqués (règle trop faible) →
   « Профиль » dépassait le bord sur iPhone. Même force que la règle principale + jamais plus large que sa case. */
@media (max-width:859px){
  html[lang="ru"]:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile .pf-txt.pf-txt,
  html[lang="ru"]:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnHelp#btnHelp .hb-txt.hb-txt{font-size:6.5px!important;letter-spacing:0!important}
  html[lang="vi"]:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnHelp#btnHelp .hb-txt.hb-txt,
  html[lang="id"]:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnHelp#btnHelp .hb-txt.hb-txt{font-size:7.5px!important;letter-spacing:0!important}
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnProfile#btnProfile .pf-txt.pf-txt,
  html:not(.oro-guest):not(.fs-trade):not(.is-tv) body #screenTrade#screenTrade .topbar-actions #btnHelp#btnHelp .hb-txt.hb-txt{max-width:100%!important;overflow:hidden!important;text-overflow:clip!important}
}
/* v2331 — étiquette « Payout 90 % » sous le gain : dépassait de 2 à 6 px en portugais, indonésien, allemand (petit
   téléphone). Un peu plus petite dans ces langues pour rester dans sa case. */
html[lang="pt"] body #screenTrade#screenTrade #previewMult#previewMult,
html[lang="id"] body #screenTrade#screenTrade #previewMult#previewMult,
html[lang="de"] body #screenTrade#screenTrade #previewMult#previewMult{font-size:6.2px!important;padding:0 3px!important;letter-spacing:0!important}

/* v2337 — Android (capture du propriétaire, en arabe) : la ligne © en bas du profil passait sous la barre du
   navigateur. Plus d'espace en bas du profil pour qu'on puisse toujours la faire remonter et la lire. */
html.is-android body #drawerProfile#drawerProfile{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 64px)!important}
html.is-android body #drawerProfile#drawerProfile .drawer-legal{padding-bottom:28px!important}