/* Cash Boost : retouches visuelles (chargé après wallet-blue.css) */

/* Accueil : cartes du parcours (01, 02, 03) plus compactes */
.cbs-top{margin-bottom:14px}
.cbs-card{padding:18px 20px 16px}

/* Commandes : « Commander à nouveau » discret au lieu d'un gros bouton plein */
.reorder-btn{
  width:auto !important;
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  margin-top:10px !important;
  padding:8px 14px !important;
  font-size:13px !important;
  font-weight:600 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:var(--primary) !important;
  border:1px solid var(--primary-line) !important;
  box-shadow:none !important;
}
.reorder-btn:hover,.reorder-btn:active{
  background:var(--primary-soft) !important;
  color:var(--primary) !important;
}

/* Dépôt crypto : logos des réseaux (BNB Smart Chain, Plasma) plus grands dans leur cercle */
.cb-net-logo svg{width:38px !important;height:38px !important}
/* Plasma : barres du logo agrandies pour mieux remplir le rond */
.cb-net[data-net="plasma"] .cb-net-logo svg g{transform:translate(32px,32px) scale(.115) translate(-540px,-363px)}


/* Mobile Android: relever le menu fixe pour qu'il ne soit pas masqué par la barre système */
@media (max-width: 700px) {
  .bottom {
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body:not(.landing-active) {
    padding-bottom: calc(var(--nav-h) + var(--cb-fixed-total-clearance, 224px) + 22px + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* Correctifs d'espacement mobile : la navigation fixe ne doit masquer aucun contenu. */
:root{--cb-fixed-total-clearance:176px;}
body,
body.landing-active,
body:not(.landing-active){
  padding-bottom:calc(var(--nav-h,64px) + 32px + env(safe-area-inset-bottom,0px)) !important;
}
/* La barre fixe « Total à payer / Confirmer » est masquée (animations.js) : plus besoin de lui réserver de la place. */
#page-service{
  padding-bottom:16px !important;
}


/* Accueil connecté : laisser un vrai espace de fin avant la navigation flottante. */
#page-home{
  box-sizing:border-box;
  padding-bottom:calc(var(--nav-h,64px) + 112px + env(safe-area-inset-bottom,0px)) !important;
  scroll-padding-bottom:calc(var(--nav-h,64px) + 112px + env(safe-area-inset-bottom,0px));
}
#page-home > :last-child{margin-bottom:0;}
@media(max-width:540px){
  #page-home{padding-bottom:calc(var(--nav-h,64px) + 132px + env(safe-area-inset-bottom,0px)) !important;}
}


/* Réglage final : espace normal sur toutes les pages, y compris la page de commande d'un service (plus de barre fixe à contourner). */
body:not(.landing-active){
  padding-bottom:calc(var(--nav-h,64px) + 24px + env(safe-area-inset-bottom,0px)) !important;
}
#page-home{
  padding-bottom:24px !important;
  scroll-padding-bottom:calc(var(--nav-h,64px) + 24px + env(safe-area-inset-bottom,0px));
}
@media(max-width:540px){#page-home{padding-bottom:20px !important;}}


/* Bandeau PUBG Mobile du carrousel d'accueil : fond sombre doré, titre et nom du jeu en texte */
.promo-slide.promo-pubg{background:linear-gradient(135deg,#0d1117 0%,#26301d 48%,#7a5a14 100%)}
.promo-slide.promo-pubg em{color:#f5b942;-webkit-text-fill-color:#f5b942;background:none}
.promo-art-pubg{display:flex;align-items:center;justify-content:center}
.promo-art-pubg .pubg-mark{display:block;text-align:center;font:900 italic 44px/1 'Space Grotesk',sans-serif;letter-spacing:-1px;color:#f5b942;text-shadow:0 4px 18px rgba(245,185,66,.35)}
.promo-art-pubg .pubg-mark small{display:block;margin-top:8px;font:700 13px/1 'Manrope',sans-serif;font-style:normal;letter-spacing:.32em;color:#fff;opacity:.85}


/* Plus de numéro WhatsApp à renseigner pour commander : champ et ligne de confirmation masqués. */
.field:has(> #custPhone){display:none !important}
#confirmView dl > div:has(#cvPhone){display:none !important}


/* Bandeaux publicitaires Cash Boost — images locales du dépôt */
.promo-slide.promo-image-slide{position:relative;min-height:190px;padding:0;overflow:hidden;background:#071426;}
.promo-image-slide .promo-banner-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.promo-image-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,18,.12),transparent 55%),linear-gradient(0deg,rgba(3,8,18,.42),transparent 42%);}
.promo-image-cta{position:absolute;z-index:2;right:14px;bottom:12px;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(5,12,25,.68);color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.promo-image-cta span{font-size:14px;line-height:1;}
@media(max-width:540px){.promo-slide.promo-image-slide{min-height:164px;padding:0;}.promo-image-cta{right:10px;bottom:9px;padding:7px 10px;font-size:9px;}}


/* Carrousel accueil : 7 visuels nets, sans recadrage ni agrandissement excessif */
.promo-slide.promo-image-slide{
  min-height:0;
  aspect-ratio:16 / 9;
  padding:0;
  background:#071426;
}
.promo-image-slide .promo-banner-img{
  object-fit:contain;
  object-position:center;
  image-rendering:auto;
}
@media(max-width:540px){
  .promo-slide.promo-image-slide{min-height:0;aspect-ratio:16 / 9;padding:0;}
}

 
/* Ajustement final mobile : carrousel 16:9 sans recadrage, y compris sur petits écrans. */
.promo-carousel{width:100%;max-width:100%;min-width:0;}
.promo-track{width:100%;min-width:0;}
.promo-slide.promo-image-slide{width:100%;min-width:0;aspect-ratio:16 / 9;min-height:0;padding:0;}
.promo-image-slide .promo-banner-img{width:100%;height:100%;object-fit:contain;object-position:center;}
@media(max-width:360px){
  .promo-carousel{border-radius:15px;}
  .promo-image-cta{right:7px;bottom:7px;padding:6px 8px;font-size:8px;}
}

/* Navigation flottante : marges régulières, cinq onglets et espace de fin adapté. */
.bottom{
  left:12px;
  right:12px;
  width:auto;
  max-width:calc(var(--max-w,520px) - 24px);
  bottom:calc(8px + env(safe-area-inset-bottom,0px)) !important;
  height:var(--nav-h,68px);
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  border:1px solid var(--line);
  border-radius:26px;
  overflow:hidden;
}
.bottom button{min-width:0;padding:5px 2px;font-size:10px;}
body:not(.landing-active){
  padding-bottom:calc(var(--nav-h,68px) + 36px + env(safe-area-inset-bottom,0px)) !important;
}
#page-home{
  padding-bottom:calc(var(--nav-h,68px) + 38px + env(safe-area-inset-bottom,0px)) !important;
  scroll-padding-bottom:calc(var(--nav-h,68px) + 38px + env(safe-area-inset-bottom,0px));
}
@media(min-width:701px){
  .bottom{left:0;right:0;max-width:var(--max-w,520px);}
}


/* Espace de fin réduit : garder juste le dégagement nécessaire sous la navigation fixe. */
body:not(.landing-active){
  padding-bottom:calc(var(--nav-h,68px) + 12px + env(safe-area-inset-bottom,0px)) !important;
}
#page-home{
  padding-bottom:12px !important;
  scroll-padding-bottom:calc(var(--nav-h,68px) + 12px + env(safe-area-inset-bottom,0px)) !important;
}


/* Page de commande : supprimer l'ancien dégagement de 170 px devenu inutile. */
#page-service{
  min-height:0 !important;
  padding-bottom:12px !important;
  scroll-padding-bottom:12px !important;
}


/* Pages de commande (Free Fire, PUBG Mobile, Poppo Live, Blood Strike) : retirer les vides inutiles. */
/* 1) Zone de message vide (elle gardait 18 px de hauteur + 10 px de marge) sous le bouton « Acheter maintenant ». */
#page-freefire #ffMsg:empty,
#page-pubg #pgbMsg:empty,
#page-poppo #ppoMsg:empty,
#page-bloodstrike #bsMsg:empty{display:none}
/* 2) Zone de vérification vide : plus de marge au-dessus du paiement. */
#page-freefire #ffV:empty,
#page-pubg #pgbV:empty,
#page-poppo #ppoV:empty,
#page-bloodstrike #bsV:empty{margin:0}

/* Pages de commande classiques (Plasma One, Binance, Pocket Option, cartes…) : même nettoyage. */
#page-service #orderMsg:empty{display:none}
#page-service .field-help:empty{display:none}

/* Toutes les pages de commande : ne plus forcer la hauteur de l'écran, ce qui laissait un grand blanc sous le contenu et un défilement inutile. */
#appView:has(:is(#page-service,#page-freefire,#page-pubg,#page-poppo,#page-bloodstrike):not(.hidden)){min-height:0}

/* Pages de commande automatiques : retirer la pastille « Vérification en cours… » en haut de la carte.
   Le message « Vérification du compte en cours… » sous le champ ID suffit (la pastille « Vérification requise » reste). */
#page-freefire .ff-badge.load,
#page-pubg .pgb-badge.load,
#page-poppo .ppo-badge.load,
#page-bloodstrike .bs-badge.load{display:none}


/* ───────── Accueil : retouches du 01/11/2026 ─────────
   1) Délai de livraison : une seule phrase honnête, la même partout.
      admin.js écrit « Livré en X min en général » (médiane des 7 derniers jours) dans #trustSpeed.
      Cette médiane ne reflète que les envois automatiques, alors que d'autres services
      (Binance, jeux) prennent plus longtemps. On remplace donc l'affichage par une plage
      qui couvre tous les services. Pour revenir à la médiane : supprime ces deux règles #trustSpeed. */
#trustSpeed{font-size:0 !important;line-height:0 !important}
#trustSpeed::after{content:"1 à 60 min selon le service";display:block;font-size:12.5px;line-height:1.3}

/* 2) Textes gris plus lisibles sur fond noir (surtout en plein soleil). */
:root[data-theme="dark"],
:root[data-theme="dark"] body{--muted:#b9c1d1}
#page-home .cbh-sub,
#page-home .trust-item small{color:#c3cad8}

/* 3) Accueil plus court : on garde « Pourquoi Cash Boost » et on masque « Simple du début à la fin ».
      Le bloc reste dans index.html : pour le réafficher, supprime cette règle. */
#page-home .cbs{display:none !important}


/* ───────── En-tête : cloche de notifications (03/11/2026) ─────────
   La cloche était en position fixe (design.css), indépendante du solde : elle se retrouvait collée
   à la pastille du solde et plus basse qu'elle. Elle est maintenant DANS l'en-tête, juste à droite
   du solde, avec le même espace (10 px) et le même centrage vertical. */
.app .topbar{gap:10px}
.app .topbar .hdr-wallet{order:2;margin-left:auto;margin-right:0}
.app .topbar .hdr-notif-btn{
  position:relative;
  top:auto;
  right:auto;
  order:3;
  flex:0 0 40px;
  width:40px;
  height:40px;
  margin:0;
  border-radius:50%;
}
.app .topbar .user-name{order:4}
.app .topbar .hdr-notif-btn svg{width:20px;height:20px}
@media(max-width:380px){
  .app .topbar{gap:8px}
  .app .topbar .hdr-notif-btn{flex-basis:36px;width:36px;height:36px;top:auto;right:auto}
}


/* ───────── Case « Je confirme que ce compte est le mien » : coche propre (03/11/2026) ─────────
   Free Fire, PUBG Mobile et Blood Strike.
   Cause du défaut : design.css contient une règle globale input[type="checkbox"] (case de 20×20 px, coche dessinée
   avec des bordures sombres #0a090e). Elle « fuyait » sur nos cases : la coche ✓ blanche gardait des bordures noires
   irrégulières (position, taille et bordures de la règle globale) et la case restait plafonnée à 20 px.
   On neutralise ici uniquement les propriétés qui fuient ; les couleurs et animations restent celles des scripts. */
#page-freefire .ffconf input,
#page-pubg .pgbconf input,
#page-bloodstrike .bsconf input{
  width:28px;height:28px;
  min-width:28px;min-height:28px;
  max-width:28px;max-height:28px;
  padding:0;
}
#page-freefire .ffconf input::after,
#page-pubg .pgbconf input::after,
#page-bloodstrike .bsconf input::after,
#page-freefire .ffconf input:checked::after,
#page-pubg .pgbconf input:checked::after,
#page-bloodstrike .bsconf input:checked::after{
  position:static;
  left:auto;top:auto;
  width:auto;height:auto;
  border:0;
  color:#fff;
  -webkit-text-fill-color:#fff;
}


/* ───────── Bouton d'assistance (Boost) : toujours visible (03/11/2026) ─────────
   cash-assistant.js le faisait glisser hors de l'écran pendant le défilement (classe .cb-away) puis le
   ramenait 0,7 s après l'arrêt. On neutralise cet effet : le bouton reste fixe, en bas à droite.
   Pour retrouver l'ancien comportement, supprime ce bloc. */
#cb-assistant-launch.cb-away{
  transform:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
}


/* ───────── Mode nuit : cartes de l'accueil plus visibles + en-tête opaque (03/11/2026) ─────────
   Les cartes (Rapide / Sécurisé / Support, compteur de commandes, « Pourquoi Cash Boost ») avaient presque
   la même couleur que le fond et une bordure très fine. On les éclaircit légèrement, on renforce la bordure
   et on éclaircit les petits textes. L'en-tête devient opaque pour que les bandeaux ne transparaissent plus
   derrière le logo et le solde. Pour revenir en arrière : supprime ce bloc. */
:root[data-theme="dark"] #page-home .trust-item,
:root[data-theme="dark"] #page-home .cb-delivered,
:root[data-theme="dark"] #page-home .cbt-list li{
  background:#111d36;
  border:1px solid #33497a;
}
:root[data-theme="dark"] #page-home .trust-item small,
:root[data-theme="dark"] #page-home .cbt-list li span{
  color:#d3d9e6;
}
:root[data-theme="dark"] #page-home .trust-item strong,
:root[data-theme="dark"] #page-home .cbt-list li b{
  color:#fff;
}
:root[data-theme="dark"] .app .topbar{
  background:#08080b !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}


/* ───────── Mode nuit : mêmes cartes sur Portefeuille et Services (03/11/2026) ─────────
   Les quatre cartes de chiffres du portefeuille (commandes, dépôts, mouvements, en attente), la carte
   « Transactions » et les cartes de services étaient presque noires avec une bordure très fine, alors que
   l'accueil venait d'être éclairci. On applique le même fond bleu nuit et la même bordure pour que toutes
   les pages aient le même rendu. Pour revenir en arrière : supprime ce bloc. */
:root[data-theme="dark"] #page-wallet .wallet-stat,
:root[data-theme="dark"] #page-wallet .list-card,
:root[data-theme="dark"] #page-services .service-card{
  background:#111d36 !important;
  border:1px solid #33497a !important;
}
:root[data-theme="dark"] #page-wallet .wallet-stat span{
  color:#d3d9e6;
}


/* ───────── Bouton rond Boost : plus discret (03/11/2026) ─────────
   Il recouvrait du contenu (« Pocket option » sur Services, le montant du portefeuille, le cadre
   d'information des dépôts). On le réduit (40 px au lieu de 48 px), on le rend légèrement transparent,
   et on le masque complètement tant que la fenêtre de dépôt est ouverte (sauf si le chat Boost lui-même
   est ouvert). Pour revenir en arrière : supprime ce bloc. */
#cb-assistant-launch{
  width:40px !important;
  height:40px !important;
  border-width:1.5px !important;
  opacity:.85 !important;
  box-shadow:0 4px 14px rgba(8,145,178,.3) !important;
}
#cb-smart-assistant{right:10px !important}
body:has(#walletDeposit:not(.hidden)) #cb-smart-assistant:not(:has(#cb-assistant-panel.open)){
  display:none !important;
}


/* ───────── Bouton « Vérifier et créditer » : dégradé une fois le code complet (03/11/2026) ─────────
   Tant que le code (Txn ID 12 chiffres pour MonCash, TransCode 14 chiffres pour NatCash) n'est pas complet,
   le bouton reste grisé (règle #walletVerify:disabled dans crypto-depot.js). Dès que le nombre de chiffres
   est bon, portefeuille.js enlève l'attribut « disabled » : le bouton prend alors le dégradé bleu-turquoise
   des autres boutons principaux. Pour revenir en arrière : supprime ce bloc. */
#walletVerify:not(:disabled){
  background:var(--brand-grad,linear-gradient(135deg,#1E6BFF 0%,#22d3ee 100%)) !important;
  color:var(--brand-ink,#fff) !important;
  border:0 !important;
  box-shadow:0 8px 22px rgba(34,211,238,.28) !important;
  cursor:pointer;
}
#walletVerify:not(:disabled):active{transform:scale(.98)}


/* ───────── Barre du bas : libellés alignés (05/11/2026, corrigé le 08/11/2026) ─────────
   L'onglet actif a une pastille de 30 px de haut autour de son icône (design.css, wallet-blue.css), plus haute
   que celle des autres onglets : son libellé (« Services », « Accueil »…) descendait de quelques pixels sous
   les autres. Première tentative (05/11) : « .bottom button .nav-icon{height:30px} », mais gift-codes.js ajoute
   au chargement sa propre feuille de style avec la même règle en 22 px, placée APRÈS ce fichier, donc elle
   gagnait à égalité de priorité. On passe à « nav.bottom button .nav-icon » (plus prioritaire) : toutes les
   icônes font 30 px de haut, les libellés sont sur la même ligne.
   Pour revenir en arrière : supprime ce bloc. */
nav.bottom button .nav-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:30px;
}


/* ───────── Dépôt : « Changer de méthode » collé à l'en-tête (08/11/2026) ─────────
   L'en-tête « Effectuer un dépôt » est collant avec top:-18px : sa partie visible mesure environ 55 px
   (73 px de hauteur moins 18 px). Le bouton « Changer de méthode » était collé à 68 px, ce qui laissait
   une bande d'environ 13 px entre les deux : le titre « Dépose des USDT » et le haut des cartes réseau
   y apparaissaient coupés. On remonte le bouton à 54 px (1 px de recouvrement, il passe au-dessus de
   l'en-tête grâce à son z-index plus élevé) et on opacifie la zone. Pour revenir en arrière : supprime ce bloc. */
#walletDeposit #walletSheet:not(.dp-choose):not(.done) #dpBack{
  top:54px;
  margin-top:-1px;
  background:var(--surface);
}


/* ───────── Dépôt USDT : ligne « Taux appliqué » plate comme les autres (08/11/2026) ─────────
   crypto-depot.js donne la classe « rate » à cette ligne du récapitulatif, et « .rate » est aussi l'ancienne
   carte de taux du site (cadre arrondi, dégradé, marge de 20 px, voir styles.css). La ligne se retrouvait donc
   dans une carte. On annule ce style uniquement dans le récapitulatif USDT : la ligne garde sa valeur en vert
   mais sans cadre. Pour revenir en arrière : supprime ce bloc. */
#walletCryptoPanel .cb-sum .rate{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}


/* ───────── Apple USA : vide sous « Acheter maintenant » (08/11/2026) ─────────
   Sous le bouton, la zone de message #asMsg (app-store.js) est vide la plupart du temps, mais la classe « msg »
   (styles.css) lui garde 18 px de hauteur et 10 px de marge : environ 28 px de vide avant la phrase
   « Remboursement automatique… ». Vide, elle est masquée ; dès qu'un message s'affiche (erreur, « carte en
   préparation »), elle réapparaît normalement. On donne aussi 12 px à la note quand la zone est masquée.
   Pour revenir en arrière : supprime ce bloc. */
#page-appstore #asMsg:empty{display:none}
#page-appstore #asMsg:empty + .as-note{margin-top:12px}


/* ───────── Apple USA : texte de la description plus loin du bord de l'écran (08/11/2026) ─────────
   Dans « Description – comment utiliser ta carte ? » (app-store.js), le titre, les paragraphes et les listes
   n'avaient que 2 px de marge intérieure : le texte touchait presque le bord de l'écran, au même niveau que
   le cadre des cartes au-dessus. On passe à 16 px de marge de chaque côté (le trait bleu du haut garde toute
   la largeur). Les sélecteurs commencent par #page-appstore #asDesc pour passer avant ceux d'app-store.js.
   Pour revenir en arrière : supprime ce bloc. */
#page-appstore #asDesc summary{padding-left:16px;padding-right:16px}
#page-appstore #asDesc p{padding-left:16px;padding-right:16px}
#page-appstore #asDesc ul,
#page-appstore #asDesc ol{padding-left:38px;padding-right:16px}


/* ───────── Netflix : vide sous « Acheter maintenant » (08/11/2026) ─────────
   Même problème que sur Apple USA : la zone de message #nfMsg (netflix.js) est vide la plupart du temps, mais la
   classe « msg » (styles.css) lui garde 18 px de hauteur et 10 px de marge avant la phrase « Remboursement
   automatique… ». Vide, elle est masquée ; dès qu'un message s'affiche (erreur, stock, etc.), elle réapparaît
   normalement. On donne 12 px à la note quand la zone est masquée. Pour revenir en arrière : supprime ce bloc. */
#page-netflix #nfMsg:empty{display:none}
#page-netflix #nfMsg:empty + .nf-note{margin-top:12px}


/* ───────── Netflix : texte de la description plus loin du bord de l'écran (08/11/2026) ─────────
   Dans « Description – comment utiliser ta carte ? » (netflix.js), le titre et le paragraphe n'avaient que 2 px de
   marge intérieure : le texte touchait presque le bord de l'écran. On passe à 16 px de chaque côté (le trait bleu
   du haut garde toute la largeur). Les sélecteurs commencent par #page-netflix #nfDesc pour passer avant ceux de
   netflix.js. Pour revenir en arrière : supprime ce bloc. */
#page-netflix #nfDesc summary{padding-left:16px;padding-right:16px}
#page-netflix #nfDesc p{padding-left:16px;padding-right:16px}
#page-netflix #nfDesc ul,
#page-netflix #nfDesc ol{padding-left:38px;padding-right:16px}


/* ───────── Netflix et Apple USA : plus de trace bleue au toucher sur « Description – comment utiliser ta carte ? » (08/11/2026) ─────────
   Sur téléphone, appuyer sur le titre de la description affichait un rectangle bleu : c'est la surbrillance de
   toucher du navigateur (tap highlight) et/ou le contour de focus du <summary>. On les désactive sur le titre et
   sur le bloc, et on empêche la sélection de texte au toucher. L'ouverture/fermeture de la description et le
   « + » / « − » ne changent pas. Pour revenir en arrière : supprime ce bloc. */
#page-netflix #nfDesc,
#page-netflix #nfDesc summary,
#page-appstore #asDesc,
#page-appstore #asDesc summary{
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
#page-netflix #nfDesc summary,
#page-appstore #asDesc summary{
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
#page-netflix #nfDesc summary:focus,
#page-netflix #nfDesc summary:focus-visible,
#page-netflix #nfDesc summary:active,
#page-appstore #asDesc summary:focus,
#page-appstore #asDesc summary:focus-visible,
#page-appstore #asDesc summary:active{
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
#page-netflix #nfDesc summary::-moz-focus-inner,
#page-appstore #asDesc summary::-moz-focus-inner{border:0}


/* ───────── PUBG Mobile et Blood Strike : cercle qui tourne pendant la livraison (08/11/2026) ─────────
   Sur la page « Commande confirmée » (état « en attente »), pubg.js et bloodstrike.js affichaient un rond bleu fixe
   avec « … ». On le remplace par un cercle qui tourne, comme sur Free Fire (freefire.js). Seul l'état « en attente »
   est visé : c'est le seul dont le rond a un fond bleu (style en ligne « var(--primary) »). La coche verte de la
   livraison reçue et le « ! » rouge de l'échec ne changent pas. Pour revenir en arrière : supprime ce bloc. */
@keyframes cbWaitSpin{to{transform:rotate(360deg)}}
#page-pubg .pgb-done .sv-check[style*="--primary"],
#page-bloodstrike .bs-done .sv-check[style*="--primary"]{
  display:block;
  width:56px;
  height:56px;
  margin:0 auto 14px;
  padding:0;
  box-sizing:border-box;
  border-radius:50%;
  border:4px solid var(--line-strong);
  border-top-color:var(--primary);
  background:transparent !important;
  box-shadow:none;
  font-size:0;
  color:transparent;
  animation:cbWaitSpin .9s linear infinite;
}