/* ════════════════════════════════════════════════════════════════════════
   UI PREMIUM — refonte EN PROD (visible par TOUS, sans flag). Chargé en DERNIER.
   v1178 · HEADER repensé de 0, ÉPURÉ & moderne.
   On ne garde à l'écran que l'essentiel : MARQUE · (espace) · KAMAS · actions
   icônes · SOUTENIR (CTA) · COMPTE. Le reste est masqué (gardé pour le JS).
   Tout scopé sous .dash-titlebar.thx (priorité maxi).
   ════════════════════════════════════════════════════════════════════════ */

/* ───────────────── BARRE (glassy, épurée) ───────────────── */
.dash-titlebar.thx{
  display:flex !important;align-items:center !important;gap:12px !important;
  min-height:60px !important;height:auto !important;padding:9px 20px !important;
  background:linear-gradient(180deg,rgba(26,21,34,.92),rgba(13,11,19,.96)) !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:none !important;box-shadow:0 8px 30px rgba(0,0,0,.55) !important;
  position:sticky !important;top:0 !important;z-index:90 !important; /* v1249 — header COLLANT : reste visible quand on scrolle une page longue (ex. Soutenir) */
}
.dash-titlebar.thx::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 8%,rgba(212,167,71,.55) 50%,transparent 92%)}

/* ───────────────── MARQUE (gauche) ───────────────── */
.dash-titlebar.thx .dash-logo{display:flex !important;align-items:center;gap:11px;flex:none;order:0;padding:0 !important;border:none !important}
.dash-titlebar.thx .dash-logo-emblem{
  display:inline-flex !important;width:42px !important;height:42px !important;flex:none;align-items:center !important;justify-content:center !important;
  font-family:'Cinzel','Palatino Linotype',Georgia,serif !important;font-size:21px !important;font-weight:700 !important;
  color:#2c1e08 !important;text-shadow:0 1px 0 rgba(255,242,205,.5);background:none;border:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpolygon points='22,1.5 40.5,12 40.5,32 22,42.5 3.5,32 3.5,12' fill='%233a2c10'/%3E%3Cpolygon points='22,5 37.5,13.5 37.5,30.5 22,39 6.5,30.5 6.5,13.5' fill='%23e7b84c'/%3E%3C/svg%3E") !important;
  background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important;
  filter:drop-shadow(0 3px 11px rgba(255,200,80,.5));
}
.dash-titlebar.thx .dash-logo-text{display:flex;flex-direction:column;line-height:1}
.dash-titlebar.thx .dash-logo-main{
  background:linear-gradient(180deg,#fff6dd,#ffd874 46%,#c89030) !important;-webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;font-size:20px !important;font-weight:900 !important;letter-spacing:2px !important;text-shadow:none !important;line-height:1 !important;
  font-family:'Cinzel','Segoe UI',sans-serif !important;
}
.dash-titlebar.thx .dash-logo-sub{color:#8d7b54 !important;font-size:8px !important;font-weight:800 !important;letter-spacing:2.4px !important;margin-top:4px !important;background:none !important;border:none !important;padding:0 !important}

/* ───────────────── MASQUE le superflu (gardé pour le JS) ───────────────── */
.dash-titlebar.thx .dash-cloud-badge,
.dash-titlebar.thx .dash-version,
.dash-titlebar.thx .dash-save-cluster,
.dash-titlebar.thx .dash-resources .dash-res:not(.dash-res-kamas):not(.dash-res-farming):not(.dash-res-perks){ display:none !important; }

/* En farm (compteur de farmeurs en action) — chip secondaire à côté des Kamas */
.dash-titlebar.thx .dash-res-farming{
  display:flex !important;align-items:center;gap:7px !important;margin-left:9px !important;padding:6px 13px 6px 9px !important;
  background:rgba(255,255,255,.045) !important;border:1px solid rgba(150,210,138,.22) !important;border-radius:999px !important;
}
.dash-titlebar.thx .dash-res-farming .dash-res-icon{font-size:14px !important;width:auto !important;height:auto !important;background:none !important;border:none !important}
.dash-titlebar.thx .dash-res-farming .dash-res-val{color:#9ad88a !important;font-weight:900 !important;font-size:14px !important;text-shadow:0 0 8px rgba(120,210,90,.3)}
.dash-titlebar.thx .dash-res-farming .dash-res-lbl{color:#9a9484 !important;font-size:9px !important;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.dash-titlebar.thx .dash-res-farming .dash-server-counter{display:none !important}

/* v1197 — Pilule PERKS/BOOSTS (réaffichée à la demande) : nb de boosts actifs · clic = détail complet (modale).
   `display` SANS !important → c'est l'inline-style posé par le JS (none / '') qui décide de la visibilité (0 boost = caché). */
.dash-titlebar.thx .dash-res-perks{
  display:flex;align-items:center;gap:7px !important;margin-left:9px !important;padding:6px 13px 6px 9px !important;cursor:pointer !important;
  background:rgba(255,214,116,.07) !important;border:1px solid rgba(212,167,71,.32) !important;border-radius:999px !important;transition:background .15s,border-color .15s,transform .15s !important;
}
.dash-titlebar.thx .dash-res-perks:hover{background:rgba(255,214,116,.14) !important;border-color:rgba(255,214,116,.5) !important;transform:translateY(-1px)}
.dash-titlebar.thx .dash-res-perks .dash-res-icon{font-size:14px !important;width:auto !important;height:auto !important;background:none !important;border:none !important}
.dash-titlebar.thx .dash-res-perks .dash-res-val{color:#ffd874 !important;font-weight:900 !important;font-size:14px !important;text-shadow:0 0 8px rgba(255,200,80,.3)}
.dash-titlebar.thx .dash-res-perks .dash-res-lbl{color:#bcb094 !important;font-size:9px !important;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.dash-titlebar.thx .dash-res-perks .dash-res-shared{color:#988a68 !important}

/* ───────────────── KAMAS (pilule wallet, poussée à droite) ───────────────── */
.dash-titlebar.thx .dash-resources{display:flex !important;align-items:center;flex:none !important;order:8;margin-left:auto !important;overflow:visible !important}
.dash-titlebar.thx .dash-res-kamas{
  display:flex !important;align-items:center;gap:9px !important;padding:7px 16px 7px 7px !important;
  background:linear-gradient(135deg,rgba(255,214,116,.16),rgba(0,0,0,.4)) !important;
  border:1px solid rgba(255,214,116,.4) !important;border-radius:999px !important;
  box-shadow:0 0 18px rgba(255,200,80,.12),inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:transform .15s,box-shadow .15s !important;cursor:pointer;
}
.dash-titlebar.thx .dash-res-kamas:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.45),0 0 22px rgba(255,200,80,.2) !important}
.dash-titlebar.thx .dash-res-kamas .dash-res-icon{
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;
  background:radial-gradient(circle at 40% 35%,rgba(255,214,116,.5),rgba(0,0,0,.2));border:1px solid rgba(255,214,116,.45);
}
.dash-titlebar.thx .dash-res-kamas .dash-res-icon img{width:18px !important;height:18px !important}
.dash-titlebar.thx .dash-res-kamas .dash-res-info{display:flex;flex-direction:column;line-height:1.05}
.dash-titlebar.thx .dash-res-kamas .dash-res-val{color:#ffe08a !important;font-weight:900 !important;font-size:16px !important;text-shadow:0 0 10px rgba(255,214,116,.35) !important}
.dash-titlebar.thx .dash-res-kamas .dash-res-lbl{color:#a99c82 !important;font-size:9px !important;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
.dash-titlebar.thx .dash-res-kamas .dash-res-shared{display:none}

/* ───────────────── ACTIONS (icônes épurées) ───────────────── */
.dash-titlebar.thx .dash-actions{display:flex !important;align-items:center;gap:9px !important;flex:none !important;order:9;margin-left:0 !important}
/* almanax + boutique → boutons ICÔNE seuls (texte masqué) */
.dash-titlebar.thx .dash-almanax-btn,.dash-titlebar.thx .dash-shop-btn,.dash-titlebar.thx .dash-bell-btn{
  width:42px;height:42px;display:flex !important;align-items:center;justify-content:center;padding:0 !important;font-size:19px;position:relative;
  background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,214,116,.16) !important;border-radius:13px !important;
  transition:transform .15s,border-color .15s,background .15s !important;cursor:pointer;
}
.dash-titlebar.thx .dash-almanax-btn:hover,.dash-titlebar.thx .dash-shop-btn:hover,.dash-titlebar.thx .dash-bell-btn:hover{
  transform:translateY(-1px);background:rgba(255,255,255,.09) !important;border-color:rgba(255,214,116,.4) !important;
}
.dash-titlebar.thx .dash-alm-text,.dash-titlebar.thx .dash-shop-text{display:none !important}
.dash-titlebar.thx .dash-alm-icon,.dash-titlebar.thx .dash-shop-icon{font-size:19px;display:flex;align-items:center;justify-content:center}
.dash-titlebar.thx .dash-shop-icon svg,.dash-titlebar.thx .dash-shop-icon img{width:22px !important;height:22px !important}
.dash-titlebar.thx .dash-bell-badge{position:absolute;top:-4px;right:-4px;background:#ff5050 !important;color:#fff;border-radius:999px;font-size:9px;font-weight:900;padding:1px 5px}

/* 💛 SOUTENIR — CTA doré proéminent */
.dash-titlebar.thx .dash-support-btn{
  display:flex !important;align-items:center;gap:8px;padding:9px 18px !important;
  background:linear-gradient(135deg,#ffe07a,#d4a040) !important;border:none !important;border-radius:13px !important;
  color:#231603 !important;font-weight:900 !important;box-shadow:0 8px 22px rgba(212,160,64,.45) !important;
  transition:transform .15s,filter .15s,box-shadow .15s !important;cursor:pointer;
}
.dash-titlebar.thx .dash-support-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 11px 28px rgba(212,160,64,.55) !important}
.dash-titlebar.thx .dash-support-ic{font-size:18px !important;line-height:1}
.dash-titlebar.thx .dash-support-btn .dash-yt-name{font-size:13.5px !important;font-weight:900 !important;color:#231603 !important}
.dash-titlebar.thx .dash-support-btn .dash-yt-bal{display:none !important}
.dash-titlebar.thx .dash-support-btn .dash-yt-text{display:flex;align-items:center}

/* ───────────────── COMPTE (chip avatar) ───────────────── */
.dash-titlebar.thx .dash-user{
  display:flex !important;align-items:center;gap:10px;padding:5px 12px 5px 6px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.35)) !important;
  border:1px solid rgba(255,214,116,.28) !important;border-radius:14px !important;cursor:pointer;
  transition:border-color .15s,box-shadow .15s !important;
}
.dash-titlebar.thx .dash-user:hover{border-color:rgba(255,214,116,.55) !important;box-shadow:0 6px 18px rgba(0,0,0,.45) !important}
.dash-titlebar.thx .du-avatar{
  width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none;
  background:linear-gradient(135deg,#3a2f4a,#241b30);border:2px solid rgba(255,214,116,.55);color:#ffd874;
  box-shadow:0 0 12px rgba(255,200,80,.2);
}
.dash-titlebar.thx .du-info{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.dash-titlebar.thx .du-pseudo{color:#fff6dd !important;font-weight:800 !important;font-size:13px !important}
.dash-titlebar.thx .du-server{color:#a99c82 !important;font-size:10px !important}
.dash-titlebar.thx .du-arrow{color:#a99c82 !important;font-size:13px;margin-left:2px}

.dash-titlebar.thx .dash-toggle-btn{
  width:30px;height:30px;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,214,116,.12) !important;
  border-radius:9px !important;color:#8d7b54 !important;cursor:pointer;order:10;
}

/* ── Anti-bandeau beige : le bouton ☰ (hamburger mobile) n'a AUCUNE règle desktop dans style.css →
   il s'affichait en flux normal tout en haut du <body>, AVANT #app → poussait #app vers le bas →
   le fond beige (#cbc4b4) du body apparaissait en bandeau au-dessus du header. Masqué sur desktop. */
@media (min-width:769px){ #sidebar-toggle{ display:none !important; } }
#sidebar-backdrop{ position:fixed !important; }

/* ════════ SOUTENIR — palier TACHETÉ = LÉGENDE (carte premium dorée + ruban) ════════ */
#panel-youtube .ytm-tier-legend{
  border:1.5px solid rgba(232,193,74,.6) !important;
  background:linear-gradient(180deg,rgba(232,193,74,.16),rgba(22,17,9,.72)) !important;
  box-shadow:0 12px 34px rgba(180,140,40,.32),inset 0 1px 0 rgba(255,236,170,.22) !important;
  position:relative !important;overflow:hidden !important;
}
#panel-youtube .ytm-tier-legend .ytm-tier-name,
#panel-youtube .ytm-tier-legend .ytm-tier-price{ color:#ffe08a !important;text-shadow:0 0 12px rgba(232,193,74,.4) }
#panel-youtube .ytm-tier-legend::after{
  content:'LÉGENDE';position:absolute;top:11px;right:-34px;transform:rotate(40deg);
  background:linear-gradient(135deg,#ffe07a,#d4a040);color:#2a1c04;font-size:9px;font-weight:900;
  letter-spacing:1.5px;padding:3px 38px;box-shadow:0 2px 7px rgba(0,0,0,.45);z-index:2;
}

/* ════════════════════════════════════════════════════════════════════════
   UI PREMIUM — MENU DE GAUCHE (.left-nav) repensé, ÉPURÉ. v1181.
   Même DA que le header : violet-noir glassy + accents or, typographie fine,
   onglet actif = fine barre verticale dorée (plus de gros bouton encadré).
   Scopé sous `body .left-nav` → gagne sur la base ET sur le bloc mobile v498
   grâce à l'ordre de chargement (ui-premium.css = DERNIÈRE feuille).
   ════════════════════════════════════════════════════════════════════════ */

/* ── Conteneur : fond violet-noir aligné sur le header, liseré or à droite ── */
body .left-nav{
  background:linear-gradient(180deg,#181320 0%,#0f0c17 100%) !important;
  border-right:1px solid rgba(212,167,71,.3) !important;            /* fallback */
  border-image:linear-gradient(180deg,transparent 2%,rgba(212,167,71,.55) 34%,rgba(212,167,71,.2) 74%,transparent 98%) 1 !important;
  box-shadow:4px 0 26px rgba(0,0,0,.55) !important;
  padding:12px 10px 16px !important;
}
body .left-nav::-webkit-scrollbar{width:6px}
body .left-nav::-webkit-scrollbar-thumb{background:rgba(212,167,71,.28) !important;border-radius:3px}
body .left-nav::-webkit-scrollbar-track{background:transparent !important}

/* ── « Changer de serveur » : verre sombre + accent or (remplace le bleu inline) ── */
body .left-nav .nav-server-switch{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.28)) !important;
  border:1px solid rgba(212,167,71,.28) !important;color:#e8dcc0 !important;
  font-weight:800 !important;border-radius:12px !important;padding:9px 12px !important;
  margin-bottom:12px !important;letter-spacing:.3px;
  transition:border-color .15s,background .15s,transform .15s !important;
}
body .left-nav .nav-server-switch:hover{
  border-color:rgba(255,214,116,.55) !important;
  background:linear-gradient(180deg,rgba(255,214,116,.12),rgba(0,0,0,.25)) !important;
  transform:translateY(-1px);
}
body .left-nav .nav-server-switch .nav-icon{filter:drop-shadow(0 0 6px rgba(255,200,80,.35))}

/* ── Accordéons : titres = étiquettes de section fines (plus de blocs lourds) ── */
body .left-nav .nav-acc{margin:3px 0 !important;background:none !important;border-radius:10px !important}
body .left-nav .nav-acc[open]{background:none !important}
body .left-nav .nav-acc-title{
  background:none !important;border:none !important;border-bottom:none !important;
  padding:11px 10px 5px !important;color:#8a7d5e !important;
  font-size:9.5px !important;font-weight:800 !important;letter-spacing:2px !important;text-transform:uppercase;
}
body .left-nav .nav-acc-title:hover{color:#c8b486 !important;background:none !important}
body .left-nav .nav-acc[open] .nav-acc-title{color:#d8c089 !important;border-bottom:none !important}
body .left-nav .nav-acc-ic{font-size:12px !important;width:16px !important;opacity:.85;filter:none !important}
body .left-nav .nav-acc-arrow{color:#5e533a !important;font-size:10px !important}
body .left-nav .nav-acc[open] .nav-acc-arrow{color:#d8c089 !important}

/* ── Boutons de nav : ligne épurée, onglet actif = barre dorée à gauche ── */
body .left-nav .nav-btn{
  position:relative !important;
  padding:8px 11px 8px 13px !important;margin-bottom:1px !important;gap:11px !important;
  background:transparent !important;border:1px solid transparent !important;border-radius:10px !important;
  color:#cabfa9 !important;font-size:13px !important;font-weight:600 !important;
  transition:background .14s,color .14s !important;
}
body .left-nav .nav-btn:hover{
  background:rgba(255,255,255,.05) !important;border-color:transparent !important;color:#f1e9d6 !important;
}
body .left-nav .nav-btn .nav-icon{font-size:15px !important;width:22px !important;text-align:center;opacity:.92}
body .left-nav .nav-btn .nav-label{font-size:12.5px !important}
body .left-nav .nav-btn.active{
  background:linear-gradient(90deg,rgba(255,214,116,.15),rgba(255,214,116,.02)) !important;
  border-color:transparent !important;color:#ffe08a !important;font-weight:800 !important;box-shadow:none !important;
}
body .left-nav .nav-btn.active::before{
  content:"" !important;position:absolute;left:0;top:7px;bottom:7px;width:3px;
  border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ffe07a,#d4a040);
  box-shadow:0 0 10px rgba(255,200,80,.5);
}
body .left-nav .nav-btn.active .nav-icon{opacity:1;filter:drop-shadow(0 0 6px rgba(255,200,80,.3))}

/* ── Boutons spéciaux : aplatis comme les autres, mais tint sémantique conservé ──
   (les fonds dégradés inline sont écrasés ; on garde juste un accent texte/hover) */
body .left-nav .nav-btn#nav-glad-btn{background:linear-gradient(90deg,rgba(244,194,89,.10),transparent) !important;border-color:transparent !important;color:#f0cd77 !important}
body .left-nav .nav-btn#nav-glad-btn:hover{background:linear-gradient(90deg,rgba(244,194,89,.18),transparent) !important}
body .left-nav .nav-btn#nav-pvp-btn{background:transparent !important;border-color:transparent !important;color:#c9b6f0 !important}
body .left-nav .nav-btn#nav-pvp-btn:hover{background:rgba(140,110,210,.14) !important}
body .left-nav .nav-btn#nav-admin-btn{background:transparent !important;border-color:transparent !important;color:#e8a0a0 !important}
body .left-nav .nav-btn#nav-admin-btn:hover{background:rgba(200,64,32,.14) !important}
body .left-nav .nav-btn[onclick*="logout"]{color:#d6a08c !important}
body .left-nav .nav-btn[onclick*="logout"]:hover{background:rgba(200,112,96,.12) !important}

/* ── Étiquette « Personnages » ── */
body .left-nav .left-nav-label{
  color:#7a6e52 !important;font-size:9px !important;font-weight:800 !important;
  letter-spacing:2px !important;text-transform:uppercase;padding:10px 12px 5px !important;
}

/* ── « + Nouveau » : outline doré discret (ne concurrence pas le CTA Soutenir) ── */
body .left-nav .sidebar-add-btn{border-top:1px solid rgba(212,167,71,.14) !important;padding:10px 6px 4px !important}
body .left-nav .sidebar-add-btn .btn-primary{
  background:linear-gradient(180deg,rgba(255,214,116,.13),rgba(255,214,116,.03)) !important;
  border:1px solid rgba(255,214,116,.38) !important;color:#ffe08a !important;
  font-weight:800 !important;border-radius:11px !important;box-shadow:none !important;
  transition:background .15s,border-color .15s,transform .15s !important;
}
body .left-nav .sidebar-add-btn .btn-primary:hover{
  background:linear-gradient(180deg,rgba(255,214,116,.22),rgba(255,214,116,.06)) !important;
  border-color:rgba(255,214,116,.6) !important;transform:translateY(-1px);
}

/* ── Mobile : on garde la DA premium mais des cibles tactiles confortables ── */
@media (max-width:768px){
  body .left-nav .nav-acc-title{padding:12px 12px 8px !important;min-height:40px}
  body .left-nav .nav-btn{padding:11px 12px 11px 14px !important;font-size:13.5px !important}
  body .left-nav .nav-server-switch{padding:12px 12px !important}
}

/* ════════════════════════════════════════════════════════════════════════
   FOOTER premium (.app-mini-footer) — refonte dans la DA header/menu.
   Barre violet-noir, liseré or, version en pilule dorée, liens en chips.
   ════════════════════════════════════════════════════════════════════════ */
.app-mini-footer{
  background:linear-gradient(180deg,rgba(22,18,30,.97),rgba(13,11,19,.99)) !important;
  border-top:1px solid rgba(212,167,71,.22) !important;
  box-shadow:0 -6px 22px rgba(0,0,0,.45) !important;
  /* margin-top:0 → supprime le « bandeau clair » (l'ancien margin:24px laissait voir le fond clair du parent).
     padding-bottom:56px → CONSERVE le dégagement bas d'origine pour que les boutons flottants MAJ + version
     (position:fixed bottom-right, style.css ~37551) ne chevauchent PAS le texte du footer. */
  margin-top:0 !important;
  padding:12px 18px 56px !important;
}
.app-mini-footer .amf-left,.app-mini-footer .amf-right{gap:9px !important}
.app-mini-footer .amf-left>span:first-child{color:#caa044 !important;font-weight:900 !important;letter-spacing:.4px !important}
.app-mini-footer .amf-sep{color:rgba(212,167,71,.3) !important}
.app-mini-footer .amf-version{
  background:linear-gradient(135deg,rgba(255,214,116,.16),rgba(0,0,0,.4)) !important;
  border:1px solid rgba(255,214,116,.4) !important;color:#ffe08a !important;
  border-radius:999px !important;padding:3px 11px !important;font-weight:900 !important;
}
.app-mini-footer .amf-force-refresh{
  background:rgba(255,255,255,.05) !important;border:1px solid rgba(212,167,71,.3) !important;
  color:#ffe6a8 !important;border-radius:9px !important;font-weight:800 !important;
  transition:background .15s,transform .15s,border-color .15s !important;
}
.app-mini-footer .amf-force-refresh:hover{background:rgba(255,214,116,.16) !important;border-color:rgba(255,214,116,.5) !important;transform:translateY(-1px)}
.app-mini-footer a{color:#b7ac90 !important;text-decoration:none !important;transition:color .15s !important}
.app-mini-footer a:hover{color:#ffd874 !important;text-decoration:none !important}
.app-mini-footer .amf-discord,.app-mini-footer .amf-coffee{
  display:inline-flex !important;align-items:center;gap:6px !important;
  background:rgba(255,255,255,.04) !important;border:1px solid rgba(212,167,71,.2) !important;
  border-radius:9px !important;padding:4px 10px !important;color:#cabfa9 !important;
  transition:border-color .15s,background .15s,color .15s !important;
}
.app-mini-footer .amf-discord:hover{border-color:rgba(130,140,235,.6) !important;background:rgba(120,130,210,.16) !important;color:#c9b6f2 !important}
.app-mini-footer .amf-coffee:hover{border-color:rgba(255,214,116,.5) !important;background:rgba(255,214,116,.12) !important;color:#ffe6a8 !important}
.app-mini-footer .amf-freecash:hover{border-color:rgba(110,226,154,.5) !important;background:rgba(110,226,154,.12) !important;color:#9fe9b4 !important}
.app-mini-footer .amf-right>span:last-child{color:#8c7f60 !important}

/* ───────────────────────────────────────────────────────────────────────
   v1194 — ÉQUIPE DANS LE HEADER (option utilisateur, peuplé par UI.renderHeaderTeam)
   Portraits de tous les persos ; infobulle nom+niveau au survol ; clic = sélection.
   Placé en order:1 (juste après le logo) ; les resources (kamas) restent à droite (order:8).
   ──────────────────────────────────────────────────────────────────────── */
.dash-titlebar.thx .dash-team{display:flex !important;align-items:center;gap:6px;flex:0 1 auto;order:1;margin:0 4px 0 6px;overflow-x:auto;max-width:34vw;scrollbar-width:none}
.dash-titlebar.thx .dash-team::-webkit-scrollbar{display:none}
.dash-titlebar.thx .dash-team-ic{position:relative;width:38px;height:38px;flex:none;padding:0;border-radius:11px;cursor:pointer;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.08),rgba(16,12,24,.85));border:1.5px solid rgba(212,167,71,.28);transition:transform .12s,border-color .15s,box-shadow .15s}
.dash-titlebar.thx .dash-team-ic img{width:100%;height:100%;object-fit:contain;border-radius:9px;display:block;pointer-events:none}
.dash-titlebar.thx .dash-team-ic:hover{transform:translateY(-2px);border-color:var(--tc,#ffd874);box-shadow:0 6px 16px rgba(0,0,0,.45)}
.dash-titlebar.thx .dash-team-ic.sel{border-color:var(--tc,#ffd874);box-shadow:0 0 0 2px var(--tc,#ffd874),0 4px 12px rgba(0,0,0,.4)}
.dash-titlebar.thx .dash-team-ic.dead{opacity:.42;filter:grayscale(.7)}
.dash-titlebar.thx .dash-team-ic.farm::after,.dash-titlebar.thx .dash-team-ic.fight::after{content:"";position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;border:1.5px solid #15111d}
.dash-titlebar.thx .dash-team-ic.farm::after{background:#6ee29a}
.dash-titlebar.thx .dash-team-ic.fight::after{background:#ff965a}
.dash-titlebar.thx .dash-team-crown{position:absolute;top:-8px;left:-6px;font-size:13px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));pointer-events:none}
@media(max-width:768px){.dash-titlebar.thx .dash-team{max-width:42vw}.dash-titlebar.thx .dash-team-ic{width:32px;height:32px}}

/* ───────────────────────────────────────────────────────────────────────
   v1195 — CHAT premium (TOUJOURS actif, contrairement à premium-skin.css qui est opt-in).
   Re-thème le widget brun par défaut (style.css) en violet-noir+or, sans toucher au LAYOUT
   (position fixe bas-gauche, largeur, repli). Scopé #live-chat (id → priorité maxi).
   ──────────────────────────────────────────────────────────────────────── */
#live-chat.live-chat{background:linear-gradient(180deg,rgba(28,22,40,.97),rgba(13,10,20,.985)) !important;border:1px solid rgba(212,167,71,.28) !important;border-bottom:none !important;border-top-left-radius:16px !important;border-top-right-radius:16px !important;box-shadow:0 -6px 30px rgba(0,0,0,.6) !important}
#live-chat .live-chat-head{background:linear-gradient(180deg,rgba(40,30,58,.92),rgba(20,15,30,.96)) !important;border-bottom:1px solid rgba(212,167,71,.2) !important;border-top-left-radius:16px !important;border-top-right-radius:16px !important}
#live-chat .live-chat-head:hover{background:linear-gradient(180deg,rgba(52,40,74,.96),rgba(26,20,38,.98)) !important}
#live-chat .lc-tab{color:#a99c82 !important;border:1px solid transparent !important;border-radius:9px !important;font-size:11px !important;padding:3px 9px !important;transition:all .15s}
#live-chat .lc-tab:hover{color:#ffe6a8 !important}
#live-chat .lc-tab.active{color:#231603 !important;background:linear-gradient(135deg,#ffe07a,#d4a040) !important;border-color:transparent !important;font-weight:800 !important}
#live-chat .lc-tab-badge{background:#e0504a !important;color:#fff !important;border-radius:999px !important}
#live-chat .lc-toggle{color:#ffd874 !important}
#live-chat .live-chat-body{background:rgba(0,0,0,.22) !important;scrollbar-color:rgba(212,167,71,.4) transparent}
#live-chat .live-chat-body::-webkit-scrollbar-thumb{background:rgba(212,167,71,.35) !important}
#live-chat .lc-line{margin-bottom:5px !important;line-height:1.45 !important;font-size:12px}
#live-chat .lc-time{color:#7a6e52 !important}
#live-chat .lc-pseudo{color:#ffe6a8 !important;font-weight:800 !important}
#live-chat .lc-msg{color:#cdc2a6 !important}
#live-chat .lc-line.own{background:rgba(255,214,116,.08) !important;border-radius:7px;padding:2px 6px !important;border-left:2px solid rgba(255,214,116,.5)}
#live-chat .lc-line.own .lc-pseudo{color:#ffd874 !important}
#live-chat .lc-line.system .lc-msg{color:#b6a8d0 !important}
#live-chat .lc-line.admin .lc-pseudo{color:#ff9a86 !important}
#live-chat .lc-line.lc-mentioned{background:rgba(150,90,230,.16) !important;border-left:2px solid #a87adf !important;border-radius:7px;padding:2px 6px !important}
#live-chat .lc-itemlink{color:#7ad0ff !important;cursor:pointer;text-decoration:none;border-bottom:1px dotted rgba(122,208,255,.5)}
#live-chat .lc-input-row{background:rgba(0,0,0,.25) !important;border-top:1px solid rgba(212,167,71,.16) !important}
#live-chat .lc-input{background:rgba(0,0,0,.4) !important;border:1px solid rgba(212,167,71,.25) !important;border-radius:10px !important;color:#ffe6a8 !important;font-size:12.5px !important}
#live-chat .lc-input::placeholder{color:#8c7f60 !important}
#live-chat .lc-input:focus{border-color:#ffd874 !important;box-shadow:0 0 0 3px rgba(255,216,116,.13) !important}
#live-chat .lc-send,#live-chat .lc-reconnect{background:linear-gradient(135deg,#ffe07a,#d4a040) !important;color:#231603 !important;border:none !important;border-radius:10px !important;font-weight:900 !important}
#live-chat .lc-send:hover{filter:brightness(1.06)}
#live-chat .lc-status.online{color:#9fe9b4 !important}
#live-chat .lc-status.offline{color:#ff9a86 !important}
#live-chat .lc-unread-badge{background:linear-gradient(135deg,#ffe07a,#d4a040) !important;color:#231603 !important;font-weight:900;border-radius:999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding:0 5px;margin-left:6px;box-shadow:0 2px 8px rgba(212,160,64,.5)}
#live-chat .lc-admin-badge{background:linear-gradient(135deg,#ffd874,#d4a040) !important;color:#231603 !important;border-radius:6px !important;font-weight:900;padding:0 5px}
#live-chat .lc-yt-badge{border-radius:6px !important}
#live-chat .lc-yt-badge.yt-tachete{background:radial-gradient(circle at 40% 35%,rgba(255,228,140,.35),rgba(150,90,230,.25)) !important;border:1px solid rgba(255,214,116,.55) !important;border-radius:6px !important}
#live-chat .lc-mod-btn{background:rgba(0,0,0,.4) !important;border:1px solid rgba(212,167,71,.2) !important;border-radius:6px !important;color:#cbb88e !important;cursor:pointer}
#live-chat .lc-mod-btn:hover{border-color:rgba(224,96,74,.5) !important;color:#ff9a86 !important}

/* ───────────────────────────────────────────────────────────────────────
   v1197 — HDV (Hôtel des Ventes) premium — couvre les 3 onglets (Acheter / Vendre / Mes annonces).
   Scopé #panel-hdv (id) + !important → bat le thème brun de style.css.
   ──────────────────────────────────────────────────────────────────────── */
#panel-hdv .hdv-header{background:linear-gradient(180deg,rgba(33,27,46,.6),rgba(15,12,22,.5)) !important;border:1px solid rgba(212,167,71,.18) !important;border-radius:16px !important}
#panel-hdv .hdv-title-main{background:linear-gradient(180deg,#fff6dd,#ffd874 50%,#caa044) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
#panel-hdv .hdv-title-sub{color:#bcb094 !important}
#panel-hdv .hdv-emblem{background:radial-gradient(circle at 42% 34%,rgba(170,120,230,.5),rgba(0,0,0,.3)) !important;border:1px solid rgba(212,167,71,.4) !important}
#panel-hdv .hdv-tab{background:linear-gradient(180deg,rgba(40,32,56,.6),rgba(16,12,24,.7)) !important;border:1px solid rgba(212,167,71,.2) !important;color:#cbb88e !important;border-radius:11px !important}
#panel-hdv .hdv-tab:hover{color:#ffe6a8 !important;border-color:rgba(212,167,71,.4) !important}
#panel-hdv .hdv-tab.active{background:linear-gradient(135deg,#ffe07a,#d4a040) !important;border-color:transparent !important;color:#231603 !important}
#panel-hdv .hdv-tab-badge{background:#e0504a !important;color:#fff !important}
#panel-hdv .hdv-search,#panel-hdv .hdv-sort,#panel-hdv .hdv-lvl-input,#panel-hdv .hdv-price-input,#panel-hdv .hdv-qty-custom{background:rgba(0,0,0,.4) !important;border:1px solid rgba(212,167,71,.25) !important;color:#ffe6a8 !important;border-radius:10px !important}
#panel-hdv .hdv-dept,#panel-hdv .hdv-sub{background:linear-gradient(180deg,rgba(40,32,56,.5),rgba(16,12,24,.6)) !important;border:1px solid rgba(212,167,71,.16) !important;color:#cbb88e !important;border-radius:10px !important}
#panel-hdv .hdv-dept.active,#panel-hdv .hdv-sub.active{background:linear-gradient(135deg,#ffe07a,#d4a040) !important;border-color:transparent !important;color:#231603 !important}
#panel-hdv .hdv-card,#panel-hdv .hdv-sell-card{background:linear-gradient(180deg,rgba(33,27,46,.7),rgba(13,10,20,.84)) !important;border:1px solid rgba(212,167,71,.14) !important;border-radius:14px !important}
#panel-hdv .hdv-card:hover,#panel-hdv .hdv-sell-card:hover{border-color:rgba(212,167,71,.35) !important}
#panel-hdv .hdv-card-name{color:#ffe6a8 !important}
#panel-hdv .hdv-pricetag,#panel-hdv .hdv-price-unit{color:#ffd874 !important}
#panel-hdv .hdv-card-seller{color:#988a68 !important}
#panel-hdv .hdv-buy-btn{background:linear-gradient(135deg,#6ee29a,#2f9e5c) !important;border:none !important;color:#062012 !important;border-radius:10px !important;font-weight:900 !important;cursor:pointer}
#panel-hdv .hdv-buy-btn:hover{filter:brightness(1.08)}
#panel-hdv .hdv-cancel-btn{background:rgba(224,96,74,.16) !important;border:1px solid rgba(255,140,120,.4) !important;color:#ff9a86 !important;border-radius:10px !important;cursor:pointer}
#panel-hdv .hdv-qty-btn{background:linear-gradient(180deg,rgba(54,44,72,.9),rgba(24,18,34,.95)) !important;border:1px solid rgba(212,167,71,.3) !important;color:#ffd874 !important;border-radius:9px !important;cursor:pointer}
#panel-hdv .hdv-qty-btn.active{background:linear-gradient(135deg,#ffe07a,#d4a040) !important;color:#231603 !important;border-color:transparent !important}
#panel-hdv .hdv-prepare,#panel-hdv .hdv-prep-summary{background:linear-gradient(180deg,rgba(33,27,46,.7),rgba(15,12,22,.8)) !important;border:1px solid rgba(212,167,71,.2) !important;border-radius:14px !important}
#panel-hdv .hdv-prep-title{color:#ffe6a8 !important}
#panel-hdv .hdv-empty,#panel-hdv .hdv-empty-premium{background:linear-gradient(135deg,rgba(150,90,230,.1),rgba(0,0,0,.25)) !important;border:1px dashed rgba(212,167,71,.3) !important;border-radius:14px !important;color:#bcb094 !important}
#panel-hdv .hdv-empty-title{color:#ffe6a8 !important}

/* ───────────────────────────────────────────────────────────────────────
   v1200 — FARM (page principale) : cartes de zone + onglets d'aire premium. Scopé #panel-farm.
   CSS-only : aucune logique touchée (handlers, pastilles ⚔, sélection, sous-zones intacts).
   ──────────────────────────────────────────────────────────────────────── */
#panel-farm .farm-area-tab{background:linear-gradient(180deg,rgba(40,32,56,.6),rgba(16,12,24,.7)) !important;border:1px solid rgba(212,167,71,.2) !important;color:#cbb88e !important;border-radius:10px !important}
#panel-farm .farm-area-tab:hover{color:#ffe6a8 !important;border-color:rgba(212,167,71,.4) !important}
#panel-farm .farm-area-tab.active{background:linear-gradient(135deg,#ffe07a,#d4a040) !important;border-color:transparent !important;color:#231603 !important;box-shadow:0 4px 12px rgba(212,160,64,.35) !important}
#panel-farm .fzcv2{background:linear-gradient(135deg,rgba(33,27,46,.78),rgba(13,10,20,.9)) !important;border:1px solid rgba(212,167,71,.2) !important;border-radius:13px !important;box-shadow:0 6px 18px rgba(0,0,0,.45) !important}
#panel-farm .fzcv2:hover:not(:disabled){border-color:rgba(255,214,116,.6) !important;box-shadow:0 10px 24px rgba(0,0,0,.55) !important}
#panel-farm .fzcv2.sel{border-color:#ffd874 !important;background:linear-gradient(135deg,rgba(48,38,66,.85),rgba(20,14,28,.92)) !important;box-shadow:0 0 0 1px rgba(255,214,116,.5),0 8px 22px rgba(0,0,0,.5) !important}
#panel-farm .fzcv2.dungeon{border-left:4px solid #b88adf !important}
#panel-farm .fzcv2.outdoor{border-left:4px solid #6ee29a !important}
#panel-farm .fzcv2.dungeon.sel{border-color:#c9a0ff !important}
#panel-farm .fzcv2.outdoor.sel{border-color:#6ee29a !important}
#panel-farm .fzcv2-name{color:#ffe6a8 !important}
#panel-farm .fzcv2-bg{background:radial-gradient(ellipse at 70% 30%,rgba(150,90,230,.12),transparent 65%) !important}

/* v1200 — HEADER DE COMBAT (tableau de bord toujours visible) : activité live premium. Scopé #dash-combat-row.
   L'ARÈNE de combat (animation live) est laissée intacte volontairement. */
#dash-combat-row .dash-activity-feed{background:linear-gradient(180deg,rgba(33,27,46,.62),rgba(15,12,22,.5)) !important;border:1px solid rgba(212,167,71,.16) !important;border-radius:14px !important}
#dash-combat-row .dafd-title{background:linear-gradient(180deg,#fff6dd,#ffd874 50%,#caa044) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
#dash-combat-row .dafd-kpi{background:rgba(0,0,0,.3) !important;border:1px solid rgba(212,167,71,.12) !important;border-radius:9px !important}
#dash-combat-row .dafd-kpi b{color:#ffe6a8 !important}
#dash-combat-row .dafd-row{background:rgba(0,0,0,.22) !important;border:1px solid rgba(212,167,71,.1) !important;border-radius:10px !important}
#dash-combat-row .dafd-row.win{border-left:3px solid #6ee29a !important}
#dash-combat-row .dafd-row.loss{border-left:3px solid #e0504a !important}

/* ════════════════════════════════════════════════════════════════════════════
   v1210 — PERSO PRINCIPAL mis en évidence dans le roster de gauche (sidebar).
   Épinglé en tête + 👑 (renderSidebar v1194) ; ici : liseré doré à gauche, fond
   doré dégradé et bordure or → on le repère d'un coup d'œil parmi les persos.
   !important pour battre la base `.char-row` quelle que soit sa spécificité.
   ════════════════════════════════════════════════════════════════════════════ */
/* v1212 — Le perso PRINCIPAL doit rester DISTINCT du perso SÉLECTIONNÉ (.active utilise aussi du doré, d'où la confusion
   « ça change de perso principal » en cliquant un inventaire). Choix : .active = barre dorée À GAUCHE (sélection) ;
   .cr-main = ANNEAU doré COMPLET + halo + pastille « PRINCIPAL » → l'encadré du principal reste visible en permanence,
   peu importe quel perso est sélectionné. position:relative pour ancrer la pastille. */
.char-row.cr-main{
  position:relative !important;
  background:linear-gradient(180deg,rgba(255,214,116,.12),rgba(33,27,46,.5)) !important;
  border:1.5px solid #ffd874 !important;
  box-shadow:0 0 0 1px rgba(255,214,116,.3), 0 0 13px rgba(255,214,116,.2) !important;
  border-radius:11px !important;
}
.char-row.cr-main.active{
  border-color:#ffe6a8 !important;
  box-shadow:0 0 0 1.5px #ffe6a8, 0 0 17px rgba(255,214,116,.32) !important;
}
.char-row.cr-main::after{
  content:'PRINCIPAL';
  position:absolute; top:-7px; right:8px;
  background:linear-gradient(135deg,#ffe07a,#d4a040); color:#231603;
  font:900 7.5px/1 system-ui,sans-serif; letter-spacing:.6px;
  padding:2px 6px; border-radius:6px; pointer-events:none;
  box-shadow:0 1px 4px rgba(0,0,0,.4);
}
.char-row.cr-main .cr-name{text-shadow:0 0 10px rgba(255,214,116,.3)}