/* ========================================================================
   PREMIUM SKIN — refonte visuelle premium du VRAI jeu.
   Scopé sous body.premium-skin → ACTIVÉ uniquement via ?premium=1
   (ou localStorage xixou_premium_skin=1). Le live par défaut est INTACT.
   v1 : la « frame » partagée (fond, header + nouveau logo, menu gauche,
   panneaux, boutons). Itératif — les internes de chaque page suivent.
   ======================================================================== */

body.premium-skin{
  background:
    radial-gradient(1100px 520px at 50% -8%, #241a33 0%, transparent 60%),
    radial-gradient(900px 600px at 92% 8%, #1a2230 0%, transparent 55%),
    #0a090c !important;
  -webkit-font-smoothing:antialiased;
}
body.premium-skin ::-webkit-scrollbar{width:10px;height:10px}
body.premium-skin ::-webkit-scrollbar-thumb{background:rgba(255,214,116,.18);border-radius:6px}
body.premium-skin ::-webkit-scrollbar-track{background:rgba(0,0,0,.25)}

/* HEADER — déplacé dans css/ui-premium.css (header refait en DÉFAUT pour TOUS, v1176).
   Retiré d'ici pour qu'il n'y ait qu'UNE source du header (sinon ces règles, plus
   spécifiques en ?premium=1, masquaient la refonte → « rien n'a changé »). */

/* --------------------------- MENU GAUCHE --------------------------- */
body.premium-skin .left-nav{
  background:linear-gradient(180deg, rgba(20,16,26,.6), rgba(12,10,16,.5)) !important;
  border-right:1px solid rgba(255,214,116,.14) !important;
}
body.premium-skin .nav-btn{
  border-radius:11px !important; color:#a99c82 !important; border:1px solid transparent !important;
  background:none !important; transition:background .15s, color .15s;
}
body.premium-skin .nav-btn:hover{ background:rgba(255,255,255,.05) !important; color:#efe9db !important; }
body.premium-skin .nav-btn.active{
  background:linear-gradient(180deg,rgba(255,216,116,.16),rgba(255,216,116,.05)) !important;
  color:#ffd874 !important; border:1px solid rgba(255,214,116,.3) !important;
}

/* ------------------------ PANNEAUX & CARTES ------------------------ */
body.premium-skin .panel{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.14) !important; border-radius:16px !important;
  box-shadow:0 16px 44px rgba(0,0,0,.5) !important;
}

/* ----------------------- BOUTONS GÉNÉRIQUES ----------------------- */
body.premium-skin .btn-primary,
body.premium-skin button.primary,
body.premium-skin .btn.primary{
  background:linear-gradient(135deg,#ffd874,#d4a747) !important; color:#1a1206 !important;
  border:none !important; border-radius:11px !important; font-weight:800 !important;
}

/* ------------------------------ CHAT ------------------------------ */
/* Chat flottant général (.live-chat) */
body.premium-skin .live-chat{
  background:linear-gradient(180deg, rgba(27,22,34,.97), rgba(13,11,17,.98)) !important;
  border:1.5px solid rgba(255,214,116,.22) !important; border-bottom:none !important;
  border-radius:14px 14px 0 0 !important; box-shadow:0 -6px 28px rgba(0,0,0,.6) !important;
}
body.premium-skin .live-chat-head{
  background:linear-gradient(180deg, rgba(34,27,41,.98), rgba(20,16,26,.98)) !important;
  border-bottom:1px solid rgba(255,214,116,.16) !important; border-radius:14px 14px 0 0 !important; position:relative;
}
body.premium-skin .live-chat-head::after{
  content:"";position:absolute;left:10px;right:10px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,167,71,.6),transparent);
}
body.premium-skin .lc-tab{ color:#a99c82 !important; border:1px solid transparent !important; border-radius:9px !important; }
body.premium-skin .lc-tab.active{
  color:#1a1206 !important; background:linear-gradient(135deg,#ffd874,#d4a747) !important;
  border-color:transparent !important; font-weight:800 !important;
}
body.premium-skin .lc-tab-badge{ background:#ff5050 !important; color:#fff !important; border-radius:999px !important; }
body.premium-skin .lc-toggle{ color:#ffd874 !important; }
body.premium-skin .live-chat-body{ background:rgba(0,0,0,.18) !important; }
body.premium-skin .lc-pseudo{ color:#ffe6a8 !important; }
body.premium-skin .lc-msg{ color:#ccc0a4 !important; }
body.premium-skin .lc-time{ color:#6a5f4a !important; }
body.premium-skin .lc-line.own{
  background:rgba(255,214,116,.08) !important; border-left:2px solid rgba(255,214,116,.5);
  padding:2px 6px !important; border-radius:0 6px 6px 0 !important;
}
body.premium-skin .lc-line.system .lc-msg{ color:#9a8fb0 !important; }
body.premium-skin .lc-input{
  background:rgba(0,0,0,.32) !important; border:1px solid rgba(255,214,116,.18) !important;
  border-radius:10px !important; color:#efe9db !important;
}
body.premium-skin .lc-input:focus{ border-color:rgba(255,214,116,.45) !important; }
body.premium-skin .lc-send{
  background:linear-gradient(135deg,#ffd874,#d4a747) !important; color:#1a1206 !important;
  border:none !important; border-radius:10px !important; font-weight:800 !important;
}
body.premium-skin .lc-status.online{ color:#54f57e !important; }

/* Journal / chat de COMBAT (surtout) — arène + panneau combat-log */
body.premium-skin .arena-combat-log{ gap:3px !important; }
body.premium-skin .arena-log-line{
  font-size:10.5px !important; color:#d6cbb0 !important;
  padding:2px 7px !important; border-left:2px solid rgba(255,214,116,.4);
  background:linear-gradient(90deg, rgba(255,214,116,.06), transparent) !important;
  border-radius:0 5px 5px 0 !important;
}
body.premium-skin .combat-log-list{ gap:6px !important; }

/* ===================== CONTENU DES PAGES (v2 — alignement maquette) ===================== */
/* Titres de section → style maquette (h2.sec) : or, MAJUSCULES, lettrage large + filet dégradé. */
body.premium-skin .section-title{
  font-size:12.5px !important; font-weight:900 !important; letter-spacing:2.2px !important;
  text-transform:uppercase !important; color:#d4a747 !important;
  border-bottom:none !important; padding-bottom:0 !important;
  display:flex !important; align-items:center !important; gap:10px !important;
}
body.premium-skin .section-title::after{
  content:"" !important; flex:1 1 auto !important; height:1px !important;
  background:linear-gradient(90deg,rgba(255,214,116,.3),transparent) !important;
}
/* En-tête de panneau (titre de page) → or premium. */
body.premium-skin .panel-header{ border-bottom:1px solid rgba(255,214,116,.12) !important; }
body.premium-skin .panel-header h2{ color:#ffe6a8 !important; letter-spacing:-.2px !important; }
/* Cartes de zone (page Aventure) → carte premium arrondie (maquette .zone). */
body.premium-skin .zone-card{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.14) !important; border-radius:14px !important;
  box-shadow:0 9px 24px rgba(0,0,0,.4) !important;
}
body.premium-skin .zone-card-header{
  background:linear-gradient(160deg,#2a2036,#16121d) !important;
  border-bottom:1px solid rgba(255,214,116,.12) !important;
}
body.premium-skin .zone-name{ color:#ffe6a8 !important; }
body.premium-skin .monster-tag{
  background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.07) !important;
  border-radius:7px !important; color:#c9bda0 !important;
}
/* Boutons secondaires → ghost or (maquette .btn.ghost). */
body.premium-skin .btn-secondary{
  background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,214,116,.3) !important;
  color:#ffd874 !important; border-radius:11px !important; font-weight:800 !important; box-shadow:none !important;
}
body.premium-skin .btn-secondary:hover{ background:rgba(255,255,255,.07) !important; }
/* Sous-onglets internes éventuels → pilule active or (no-op si la classe n'existe pas). */
body.premium-skin .sub-tab.active, body.premium-skin .tab-btn.active{
  color:#1a1206 !important; background:linear-gradient(135deg,#ffd874,#d4a747) !important;
  border-color:transparent !important; font-weight:800 !important;
}

/* ===================== PAGE AVENTURE / FARM (vers la maquette) ===================== */
/* Onglets de zone (Astrub, Incarnam…) → pilule active or. */
body.premium-skin .farm-area-tab{
  border-radius:10px !important; color:#a99c82 !important;
  background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,214,116,.14) !important;
}
body.premium-skin .farm-area-tab:hover{ background:rgba(255,255,255,.06) !important; color:#efe9db !important; }
body.premium-skin .farm-area-tab.active{
  color:#1a1206 !important; background:linear-gradient(135deg,#ffd874,#d4a747) !important;
  border-color:transparent !important; box-shadow:0 4px 12px rgba(255,208,96,.3) !important;
}
/* Sélecteur de zone en pilules. */
body.premium-skin .fz-pill{
  border-radius:999px !important; background:rgba(255,214,116,.06) !important;
  border:1px solid rgba(255,214,116,.16) !important; color:#d8cba8 !important;
}
body.premium-skin .fz-pill:hover:not([disabled]){ border-color:rgba(255,214,116,.32) !important; }
body.premium-skin .fz-pill.sel{
  background:linear-gradient(135deg,#ffd874,#d4a747) !important; color:#1a1206 !important; border-color:transparent !important;
}
body.premium-skin .fz-pill.dungeon{ border-left:3px solid #b06bf7 !important; }
body.premium-skin .fz-pill.dungeon.sel{ background:linear-gradient(135deg,#c89bf9,#8030c0) !important; }
body.premium-skin .fz-pill-lv{ background:rgba(0,0,0,.32) !important; color:#ffd874 !important; border-radius:999px !important; }
/* Cartes de zone → carte premium arrondie (maquette .zone). */
body.premium-skin .farm-zone-card{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.14) !important; border-radius:14px !important;
  box-shadow:0 9px 24px rgba(0,0,0,.4) !important;
}
body.premium-skin .farm-zone-card.selected{ border-color:rgba(255,214,116,.5) !important; box-shadow:0 0 18px rgba(255,214,116,.3) !important; }
body.premium-skin .farm-zone-card.dungeon{ border-left:4px solid #b06bf7 !important; }
body.premium-skin .farm-zone-card-name{ color:#ffe6a8 !important; }
body.premium-skin .farm-zone-card-tag{ border-radius:7px !important; background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.07) !important; }
body.premium-skin .farm-zone-card-tag.dungeon{ color:#c89bf9 !important; border-color:rgba(176,107,247,.4) !important; background:rgba(176,107,247,.12) !important; }
body.premium-skin .farm-zone-card-tag.active{ color:#86f0c8 !important; border-color:rgba(40,160,120,.4) !important; background:rgba(40,160,120,.16) !important; }
/* Cartes monstre (détail zone). */
body.premium-skin .fmd-card{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.12) !important; border-radius:12px !important;
}
body.premium-skin .fmd-card.is-boss{ border-color:rgba(255,107,107,.4) !important; }
/* Slots de drop / objets → cadre premium arrondi. */
body.premium-skin .fdrop-slot, body.premium-skin .zone-drop-slot, body.premium-skin .dr-cat-slot{
  border-radius:11px !important; border:1px solid rgba(255,214,116,.14) !important;
  background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.05),rgba(0,0,0,.25)) !important;
}

/* ============= INVENTAIRE / BANQUE / ÉQUIPEMENT / PERSOS / COMBAT (vers la maquette) ============= */
/* Slots d'objets → cadre sombre premium (au lieu du tan plat). */
body.premium-skin .inv-slot, body.premium-skin .equip-slot{
  border-radius:11px !important; border:1px solid rgba(255,214,116,.14) !important;
  background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.05),rgba(0,0,0,.25)) !important;
}
body.premium-skin .inv-slot.filled, body.premium-skin .equip-slot.filled{
  background:radial-gradient(circle at 50% 30%,rgba(255,214,116,.1),rgba(0,0,0,.3)) !important;
  border-color:rgba(255,214,116,.3) !important;
}
body.premium-skin .inv-slot.empty, body.premium-skin .equip-slot.empty{
  background:rgba(0,0,0,.22) !important; border-color:rgba(255,255,255,.06) !important;
}
body.premium-skin .equip-slot-label{ color:#a99c82 !important; }
body.premium-skin .inv-title{ color:#ffe6a8 !important; }
/* Cartes de personnage (héros). */
body.premium-skin .char-card{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.14) !important; border-radius:14px !important;
  box-shadow:0 9px 24px rgba(0,0,0,.4) !important;
}
body.premium-skin .char-card-header{ background:linear-gradient(160deg,#2a2036,#16121d) !important; }
body.premium-skin .char-card-name{ color:#ffe6a8 !important; }
body.premium-skin .char-card-bar{ background:rgba(255,255,255,.07) !important; border-radius:99px !important; }
body.premium-skin .char-card-bar-fill{ border-radius:99px !important; }
/* Lignes de stats. */
body.premium-skin .stat-row{ border-bottom:1px solid rgba(255,255,255,.05) !important; }
body.premium-skin .stat-row-total{ color:#ffd874 !important; }
/* Banque : têtes de catégorie pliables. */
body.premium-skin .bank-cat-head{
  background:linear-gradient(180deg,rgba(34,27,41,.9),rgba(20,16,26,.8)) !important;
  border-radius:10px !important; color:#ffe6a8 !important;
}
/* Historique de combat. */
body.premium-skin .combat-entry{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.1) !important; border-radius:11px !important;
}

/* ============= GUILDE / COMBAT-ARÈNE / VENTE / CRAFT / INPUTS (vers la maquette) ============= */
/* Guilde — cartes raid, blocs, lignes membres & contrôle percepteur. */
body.premium-skin .mg-raid-card, body.premium-skin .mg-attack-block,
body.premium-skin .mg-raid-team, body.premium-skin .mg-invite-extern{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.14) !important; border-radius:14px !important;
}
body.premium-skin .mg-raid-team-title{ color:#d4a747 !important; }
body.premium-skin .mg-invite-row, body.premium-skin .mg-perso-pct-row, body.premium-skin .mg-raid-char{
  background:rgba(0,0,0,.28) !important; border:1px solid rgba(255,214,116,.1) !important; border-radius:11px !important;
}
body.premium-skin .mg-invite-name, body.premium-skin .mg-perso-pct-name{ color:#ffe6a8 !important; }
body.premium-skin .mg-perso-pct-val{ color:#ffd874 !important; }
/* Vente au PNJ. */
body.premium-skin .sell-pnj-row{
  background:rgba(0,0,0,.26) !important; border:1px solid rgba(255,214,116,.1) !important; border-radius:11px !important;
}
body.premium-skin .sell-pnj-name{ color:#ffe6a8 !important; }
body.premium-skin .sell-pnj-total{ color:#ffd874 !important; }
/* Combat / Arène — barres PV (track only, on garde la couleur de vie), badge de tour, noms. */
body.premium-skin .arena-bar{ background:rgba(255,255,255,.07) !important; border-radius:99px !important; }
body.premium-skin .arena-bar-fill{ border-radius:99px !important; }
body.premium-skin .arena-char-name{ color:#ffe6a8 !important; }
body.premium-skin .arena-turn-badge{
  background:rgba(255,214,116,.1) !important; border:1px solid rgba(255,214,116,.24) !important;
  color:#ffd874 !important; border-radius:999px !important;
}
/* Champs de saisie premium. */
body.premium-skin .rm-input{
  background:rgba(0,0,0,.32) !important; border:1px solid rgba(255,214,116,.18) !important;
  color:#efe9db !important; border-radius:10px !important;
}
body.premium-skin .rm-input:focus{ border-color:rgba(255,214,116,.45) !important; }
/* Craft — barre de slots. */
body.premium-skin .craft-slots-bar{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.14) !important; border-radius:12px !important;
}

/* ===================== MÉTIERS / ALMANAX / BOUTIQUE / MODALE (vers la maquette) ===================== */
/* Page Métiers. */
body.premium-skin .jobs-page{
  background:radial-gradient(ellipse at top,rgba(255,214,116,.08),transparent 60%),linear-gradient(180deg,#15121b,#0a090c) !important;
}
body.premium-skin .jobs-header{
  background:linear-gradient(135deg,#2a2036,#16121d) !important; border:1px solid rgba(255,214,116,.14) !important; border-radius:14px !important;
}
body.premium-skin .jobs-title{ color:#ffe6a8 !important; }
body.premium-skin .job-card{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.14) !important; border-radius:14px !important;
}
body.premium-skin .job-name{ color:#ffe89a !important; }
body.premium-skin .job-xp-bar{ border-radius:99px !important; }
/* Almanax (la couleur de rareté en bord gauche reste prioritaire). */
body.premium-skin .almanax-today-card{
  background:linear-gradient(165deg,#1b1622,#15121b) !important; border:1px solid rgba(255,214,116,.18) !important; border-radius:16px !important;
}
body.premium-skin .almanax-header{ background:linear-gradient(135deg,#2a2036,#16121d) !important; border-radius:14px !important; }
body.premium-skin .almanax-title, body.premium-skin .almanax-today-name{ color:#ffe6a8 !important; }
body.premium-skin .almanax-week-row{
  background:rgba(0,0,0,.26) !important; border:1px solid rgba(255,214,116,.1) !important; border-radius:11px !important;
}
body.premium-skin .almanax-week-row.today{ border-color:rgba(255,214,116,.5) !important; background:rgba(255,214,116,.08) !important; }
/* Boutique — bannière de cible. */
body.premium-skin .shop-target-banner{
  background:linear-gradient(135deg,#2a2036,#16121d) !important; border:1px solid rgba(255,214,116,.14) !important; border-radius:12px !important;
}
body.premium-skin .shop-target-pick{ background:rgba(0,0,0,.3) !important; border:1px solid rgba(255,214,116,.14) !important; border-radius:10px !important; }
body.premium-skin .shop-target-name{ color:#ffe6a8 !important; }
/* Modale de transfert (boîte, pas le fond). */
body.premium-skin .transfer-modal{
  background:linear-gradient(165deg,#1b1622,#15121b) !important; border:1px solid rgba(255,214,116,.18) !important;
  border-radius:16px !important; box-shadow:0 20px 56px rgba(0,0,0,.6) !important;
}

/* ===================== HÔTEL DES VENTES (HDV) ===================== */
body.premium-skin .hdv-header{
  background:linear-gradient(135deg,#2a2036,#16121d) !important; border:1px solid rgba(255,214,116,.14) !important; border-radius:14px !important;
}
body.premium-skin .hdv-title-main{ color:#ffe6a8 !important; }
body.premium-skin .hdv-tab, body.premium-skin .hdv-dept, body.premium-skin .hdv-sub{
  border-radius:10px !important; color:#a99c82 !important;
  background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,214,116,.14) !important;
}
body.premium-skin .hdv-tab.active, body.premium-skin .hdv-dept.active, body.premium-skin .hdv-sub.active{
  color:#1a1206 !important; background:linear-gradient(135deg,#ffd874,#d4a747) !important; border-color:transparent !important; font-weight:800 !important;
}
body.premium-skin .hdv-search, body.premium-skin .hdv-lvl-input, body.premium-skin .hdv-sort{
  background:rgba(0,0,0,.32) !important; border:1px solid rgba(255,214,116,.18) !important; color:#efe9db !important; border-radius:10px !important;
}
body.premium-skin .hdv-card{
  background:linear-gradient(165deg,#1b1622,#15121b) !important;
  border:1px solid rgba(255,214,116,.12) !important; border-radius:13px !important;
}
body.premium-skin .hdv-card:hover{ border-color:rgba(255,214,116,.3) !important; }
body.premium-skin .hdv-card-name{ color:#ffe6a8 !important; }
body.premium-skin .hdv-card-price{ color:#ffd874 !important; }
body.premium-skin .hdv-buy-btn{
  background:linear-gradient(135deg,#ffd874,#d4a747) !important; color:#1a1206 !important; border:none !important; border-radius:10px !important; font-weight:800 !important;
}
body.premium-skin .hdv-buy-btn.disabled, body.premium-skin .hdv-buy-btn:disabled{ opacity:.5 !important; }

/* ============= CATALOGUE (RUNES/OBJETS) / CRÉATION PERSO / BATTLE PASS / PLACEHOLDERS ============= */
body.premium-skin .dr-cat-panel{
  background:linear-gradient(165deg,#1b1622,#15121b) !important; border:1px solid rgba(255,214,116,.14) !important; border-radius:16px !important;
}
body.premium-skin .dr-cat-header{ background:linear-gradient(135deg,#2a2036,#16121d) !important; border-radius:12px !important; }
body.premium-skin .dr-cat-btn{
  border-radius:10px !important; color:#a99c82 !important; background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,214,116,.14) !important;
}
body.premium-skin .dr-cat-btn.active{
  color:#1a1206 !important; background:linear-gradient(135deg,#ffd874,#d4a747) !important; border-color:transparent !important; font-weight:800 !important;
}
body.premium-skin .dr-cat-search-input{
  background:rgba(0,0,0,.32) !important; border:1px solid rgba(255,214,116,.18) !important; color:#efe9db !important; border-radius:10px !important;
}
body.premium-skin .dr-cat-name{ color:#ffe6a8 !important; }
/* Création de perso. */
body.premium-skin .char-create-page{
  background:radial-gradient(ellipse at top,rgba(255,214,116,.08),transparent 60%),linear-gradient(180deg,#15121b,#0a090c) !important;
}
/* Battle Pass (bientôt). */
body.premium-skin .bp-soon-card{
  background:linear-gradient(165deg,#1b1622,#15121b) !important; border:1px solid rgba(255,214,116,.14) !important; border-radius:16px !important;
}
/* CORRECTIF lisibilité : placeholders sombres invisibles sur fond premium → gris clair. */
body.premium-skin input::placeholder, body.premium-skin textarea::placeholder{ color:rgba(169,156,130,.6) !important; }

/* ===================== POLISH MODERNE (form controls, interactions, infobulles) ===================== */
/* Menus déroulants natifs → premium sombre (énorme : il y en a partout — stratégies, filtres, tris). */
body.premium-skin select{
  background:rgba(0,0,0,.32) !important; border:1px solid rgba(255,214,116,.18) !important;
  color:#efe9db !important; border-radius:10px !important; padding:6px 10px !important;
}
body.premium-skin select:focus{ outline:none !important; border-color:rgba(255,214,116,.45) !important; }
body.premium-skin select option{ background:#15121b !important; color:#efe9db !important; }
/* Inputs texte génériques. */
body.premium-skin input[type=text], body.premium-skin input[type=search], body.premium-skin input[type=number]{
  background:rgba(0,0,0,.32) !important; border:1px solid rgba(255,214,116,.18) !important; color:#efe9db !important; border-radius:10px !important;
}
body.premium-skin input[type=text]:focus, body.premium-skin input[type=search]:focus, body.premium-skin input[type=number]:focus{
  outline:none !important; border-color:rgba(255,214,116,.45) !important;
}
/* Sliders → accent or. */
body.premium-skin input[type=range]{ accent-color:#ffd874 !important; }
/* Micro-interaction moderne : « lift » au survol des cartes re-skinnées. */
body.premium-skin .panel, body.premium-skin .zone-card, body.premium-skin .farm-zone-card,
body.premium-skin .job-card, body.premium-skin .char-card, body.premium-skin .hdv-card, body.premium-skin .fmd-card{
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}
body.premium-skin .farm-zone-card:hover, body.premium-skin .job-card:hover, body.premium-skin .hdv-card:hover{
  transform:translateY(-3px) !important;
}
/* Chips de butin (dashboard). */
body.premium-skin .dash-loot-chip{
  background:rgba(0,0,0,.3) !important; border:1px solid rgba(255,214,116,.18) !important; border-radius:9px !important;
}
/* Infobulles d'objets → premium sombre. */
body.premium-skin .inv-tooltip, body.premium-skin .dr-cat-tooltip{
  background:linear-gradient(165deg,#1b1622,#15121b) !important; border:1px solid rgba(255,214,116,.2) !important;
  border-radius:10px !important; box-shadow:0 12px 30px rgba(0,0,0,.6) !important; color:#efe9db !important;
}

/* ===================== FINITIONS (boutons, lueur CTA, focus) ===================== */
body.premium-skin .btn, body.premium-skin button.btn{ border-radius:11px !important; transition:filter .15s, transform .15s !important; }
body.premium-skin .btn:hover, body.premium-skin .btn-primary:hover, body.premium-skin .btn-secondary:hover, body.premium-skin button.primary:hover{ filter:brightness(1.08) !important; }
/* Lueur subtile sur les CTA or principaux (moderne). */
body.premium-skin .btn-primary, body.premium-skin button.primary, body.premium-skin .btn.primary{
  box-shadow:0 6px 18px rgba(212,167,71,.28) !important;
}
/* États de focus visibles au clavier (accessibilité + moderne, n'apparaît pas au clic souris). */
body.premium-skin button:focus-visible, body.premium-skin a:focus-visible,
body.premium-skin select:focus-visible, body.premium-skin input:focus-visible{
  outline:2px solid rgba(255,214,116,.55) !important; outline-offset:2px !important;
}

/* ===================== MODALE CARTE-MONSTRE / LIVRE DE SORTS (vers la maquette) ===================== */
/* Modale carte-monstre : fond assombri + flou (moderne) + boîte premium. */
body.premium-skin .mc-overlay{ background:rgba(0,0,0,.72) !important; backdrop-filter:blur(3px) !important; -webkit-backdrop-filter:blur(3px) !important; }
body.premium-skin .mc-box{
  background:linear-gradient(165deg,#1b1622,#15121b) !important; border:1px solid rgba(255,214,116,.2) !important;
  border-radius:18px !important; box-shadow:0 24px 64px rgba(0,0,0,.65) !important;
}
body.premium-skin .mc-header{ background:linear-gradient(160deg,#2a2036,#16121d) !important; border-bottom:1px solid rgba(255,214,116,.12) !important; }
body.premium-skin .mc-name{ color:#ffe6a8 !important; }
body.premium-skin .mc-vita-bar{ background:rgba(255,255,255,.07) !important; border-radius:99px !important; }
body.premium-skin .mc-section-title{ color:#d4a747 !important; }
/* Livre de sorts / configuration (on PRÉSERVE les bordures d'état : sélection / buff / verrou). */
body.premium-skin .sb-spell-slot{ border-radius:11px !important; background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.05),rgba(0,0,0,.25)) !important; }
body.premium-skin .sb-order-row{ background:rgba(0,0,0,.26) !important; border-radius:10px !important; }
body.premium-skin .sb-title, body.premium-skin .sb-order-name{ color:#ffe6a8 !important; }
body.premium-skin .sb-section-title{ color:#d4a747 !important; }

/* ===================== CARACTÉRISTIQUES / DÉTAIL DE SORT (vers la maquette) ===================== */
/* Caractéristiques (répartition de stats). */
body.premium-skin .sdc-title{ color:#ffe6a8 !important; }
body.premium-skin .sdc-row{ border-radius:9px !important; }
body.premium-skin .sdc-row:hover{ background:rgba(255,214,116,.06) !important; }
body.premium-skin .sdc-total{ color:#ffd874 !important; }
/* Détail / amélioration de sort. */
body.premium-skin .sd-spell-name, body.premium-skin .sd-lv-title, body.premium-skin .sd-prog-title{ color:#ffe6a8 !important; }
body.premium-skin .sd-stat-chip{
  background:rgba(0,0,0,.28) !important; border:1px solid rgba(255,214,116,.12) !important; border-radius:10px !important;
}
body.premium-skin .sd-spell-btn{
  background:linear-gradient(135deg,#ffd874,#d4a747) !important; color:#1a1206 !important; border:none !important; border-radius:10px !important; font-weight:800 !important;
}
body.premium-skin .sd-spell-btn:disabled{ opacity:.4 !important; }
body.premium-skin .sd-spell-btn.locked{ background:rgba(96,96,160,.2) !important; color:#9090d0 !important; } /* on garde l'état verrouillé */
body.premium-skin .sd-prog-table{ border-radius:12px !important; overflow:hidden !important; }
body.premium-skin .sd-prog-row.current{ background:rgba(255,214,116,.1) !important; color:#ffe6a8 !important; }

/* ===================== FONDS DE PAGE (cohérence premium PARTOUT) ===================== */
/* Tous les conteneurs de page → transparent : le fond radial premium du body ressort, plus aucun
   fond brunâtre résiduel d'une page non encore migrée. */
body.premium-skin .stats-page, body.premium-skin .spellbook-page, body.premium-skin .inv-eq-page,
body.premium-skin .farm-page, body.premium-skin .ranking-page, body.premium-skin .shop-page,
body.premium-skin .dr-stats-page, body.premium-skin .dr-inv-page, body.premium-skin .guild-page,
body.premium-skin .cl-page, body.premium-skin .almx-page, body.premium-skin .grim-page{
  background:transparent !important;
}

/* Petit ruban discret pour signaler le mode preview */
body.premium-skin::after{
  content:"✨ APERÇU PREMIUM · ?premium=0 pour revenir";
  position:fixed; right:10px; bottom:10px; z-index:99999; pointer-events:none;
  font:700 10px/1 'Segoe UI',sans-serif; letter-spacing:.5px; color:#1a1206;
  background:linear-gradient(135deg,#ffe6a8,#d4a747); padding:6px 11px; border-radius:999px;
  box-shadow:0 6px 18px rgba(0,0,0,.5);
}