/* ============================================================
   v1256 — ARÈNE LIVE : habillage premium de l'ACTIVITÉ LIVE (.dafd-*) + touche sur le HEADER COMBAT (.arena-*)
   Inspiré de la maquette /maquette-combat-live.html. 100 % ADDITIF + RÉVERSIBLE (chargé en dernier, n'altère
   aucune logique). Identité : violet-nuit + or, verre dépoli, liserés dorés.
   ============================================================ */

/* ---------- ACTIVITÉ LIVE : panneau verre + or ---------- */
.dash-activity-feed {
  background: linear-gradient(180deg, rgba(40,28,66,.55), rgba(18,12,30,.62)) !important;
  border: 1px solid rgba(232,193,74,.28) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 36px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05) !important;
  overflow: hidden;
}
.dafd-head { background: linear-gradient(180deg, rgba(50,35,80,.4), transparent) !important; border-bottom: 1px solid rgba(232,193,74,.16) !important; }
.dafd-title {
  font-family: "Trajan Pro", Cinzel, Georgia, serif !important; letter-spacing: 1.2px !important; font-weight: 800 !important;
  background: linear-gradient(180deg, #fff6dd, #e8c14a 55%, #c8962f) !important;
  -webkit-background-clip: text; background-clip: text; color: transparent !important;
}
.dafd-toggle, .dafd-expand { color: #e8c14a !important; }

/* KPI pills (Win / XP / Kamas / Drops) */
.dafd-kpis { gap: 8px !important; }
.dafd-kpi {
  background: linear-gradient(180deg, rgba(60,42,90,.5), rgba(20,13,32,.6)) !important;
  border: 1px solid rgba(232,193,74,.22) !important; border-radius: 11px !important;
  padding: 7px 10px !important; position: relative; overflow: hidden; text-align: center;
}
.dafd-kpi::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 2px; background: linear-gradient(90deg, transparent, #e8c14a, transparent); opacity: .55; }
.dafd-kpi b { color: #ffe890 !important; }
.dafd-kpi span { color: #b09860 !important; text-transform: uppercase; letter-spacing: .8px; }

/* filtres = chips */
.dafd-filter { border-radius: 20px !important; border: 1px solid rgba(232,193,74,.22) !important; background: rgba(60,42,90,.35) !important; color: #b6a888 !important; font-weight: 800 !important; transition: .12s; }
.dafd-filter:hover { color: #f4e0a0 !important; }
.dafd-filter.on { background: linear-gradient(180deg, #f4e0a0, #e8c14a) !important; color: #1a1206 !important; border-color: #f4e0a0 !important; }

/* lignes = cartes verre avec accent victoire/défaite */
.dafd-row {
  background: linear-gradient(100deg, rgba(40,28,64,.55), rgba(18,12,28,.5)) !important;
  border: 1px solid rgba(232,193,74,.14) !important; border-left: 3px solid #5ce08a !important;
  border-radius: 12px !important; transition: transform .12s, border-color .12s;
}
.dafd-row.loss { border-left-color: #ff6b6b !important; }
.dafd-row:hover { transform: translateX(2px); border-color: rgba(232,193,74,.4) !important; }
.dafd-avatar { border-radius: 9px !important; }
.dafd-pseudo { color: #ffe27a !important; font-weight: 800 !important; }
.dafd-zone { color: #b6a888 !important; }
.dafd-tag { border-radius: 11px !important; font-weight: 800 !important; }
.dafd-tag.xp { color: #c8a8ff !important; background: rgba(122,79,208,.18) !important; }
.dafd-tag.kamas { color: #f4e0a0 !important; background: rgba(232,193,74,.14) !important; }
.dafd-tag.loot { color: #80f8a0 !important; background: rgba(80,200,128,.16) !important; }
.dafd-tag.time { color: #8a7d68 !important; background: rgba(0,0,0,.25) !important; }

/* ---------- HEADER COMBAT : touche premium légère (panneau + VS doré) ---------- */
.dash-combat-arena {
  background: linear-gradient(165deg, rgba(28,19,48,.5), rgba(14,10,22,.6)) !important;
  border: 1px solid rgba(232,193,74,.22) !important; border-radius: 16px !important;
}
.arena-vs {
  background: radial-gradient(circle at 35% 30%, #f4e0a0, #e8c14a 60%, #c8962f) !important;
  color: #1a1206 !important; box-shadow: 0 0 20px rgba(232,193,74,.55), inset 0 1px 0 rgba(255,255,255,.4) !important;
}