/* ============================================================
   v1256 → REFONTE v1815 — ARÈNE LIVE : habillage de l'ACTIVITÉ LIVE (.dafd-*) + HEADER COMBAT (.arena-*)
   v1815 : abandon du thème « violet-verre » (cartes de verre flottantes, tags mauves) au profit d'un
   DARK-GOLD cohérent avec le reste du site + une activité live ÉPURÉE :
     · liste PLATE (filet de séparation) au lieu de cartes de verre empilées
     · KPIs en un seul bandeau à séparateurs (fini les 4 pilules)
     · filtres en contrôle segmenté
     · gains en TEXTE coloré nu (fini les pastilles teintées)
   100 % additif + réversible (chargé en dernier, n'altère aucune logique).
   ============================================================ */

/* ---------- ACTIVITÉ LIVE : panneau dark-gold épuré (cohérent avec le panneau d'arène) ---------- */
.dash-activity-feed {
  background: #140e07 !important;
  border: 1px solid rgba(232,193,74,.20) !important;
  border-radius: 14px !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  overflow: hidden;
}
.dafd-head { background: #191106 !important; border-bottom: 1px solid rgba(232,193,74,.18) !important; padding: 11px 12px 9px !important; }
.dafd-title { letter-spacing: 1.3px !important; font-weight: 800 !important; } /* garde le dégradé or hérité de ui-premium */
.dafd-toggle, .dafd-expand { color: #d8b45a !important; }
.dafd-expand { background: transparent !important; border: 1px solid rgba(232,193,74,.4) !important; }
.dafd-expand:hover { background: #e8c14a !important; color: #1a1206 !important; }

/* KPI — un seul bandeau, séparateurs en filet (fini les 4 pilules de verre) */
.dafd-kpis { gap: 0 !important; background: rgba(0,0,0,.28) !important; border: 1px solid #2e2211 !important; border-radius: 9px !important; overflow: hidden !important; }
.dafd-kpi {
  background: transparent !important; border: none !important;
  border-left: 1px solid rgba(255,255,255,.05) !important; border-radius: 0 !important;
  padding: 6px 2px !important; position: static; text-align: center;
}
.dafd-kpi:first-child { border-left: none !important; }
.dafd-kpi::before { display: none !important; }
.dafd-kpi b { color: #ffe0a0 !important; }
.dafd-kpi span { color: #8a7c60 !important; text-transform: uppercase; letter-spacing: .5px; font-size: 8.5px !important; }

/* Filtres — contrôle segmenté (un conteneur, segment actif rempli) */
.dafd-filters { background: rgba(0,0,0,.3) !important; border: 1px solid #2e2211 !important; border-radius: 9px !important; padding: 2px !important; gap: 2px !important; }
.dafd-filter { border-radius: 6px !important; border: none !important; background: transparent !important; color: #9a8a6a !important; font-weight: 700 !important; transition: .12s; }
.dafd-filter:hover { background: rgba(232,193,74,.1) !important; color: #f4e0a0 !important; }
.dafd-filter.on { background: linear-gradient(180deg, #f4d98a, #e0b840) !important; color: #1a1206 !important; border-color: transparent !important; }

/* Lignes — LISTE PLATE : filet de séparation + accent gauche fin (fini les cartes de verre flottantes) */
.dafd-row {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(232,193,74,.09) !important;
  border-left: 2px solid #4aa860 !important;
  border-radius: 0 !important;
  padding: 8px 12px !important;
  transition: background .12s !important;
}
.dafd-row.loss { border-left-color: #c0553c !important; opacity: .9 !important; }
.dafd-row:hover { background: rgba(232,193,74,.06) !important; transform: none !important; border-color: rgba(232,193,74,.09) !important; }
.dafd-row > .dafd-avatar { border-radius: 8px !important; width: 30px !important; height: 30px !important; border: 1px solid #3a2c17 !important; }
.dafd-pseudo { color: #ffe27a !important; font-weight: 700 !important; }
.dafd-zone { color: #8a7c60 !important; font-style: normal !important; }

/* Gains — TEXTE coloré nu, couleurs intuitives (fini les pilules teintées ; XP=vert, Kamas=or, Butin=violet) */
.dafd-line2 { gap: 8px !important; }
.dafd-tag { background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important; font-weight: 800 !important; font-size: 10.5px !important; }
.dafd-tag.xp { color: #8fe0a0 !important; }
.dafd-tag.kamas { color: #f4d98a !important; }
.dafd-tag.loot { color: #c8a8ff !important; }
.dafd-tag.time { color: #7a6e56 !important; font-weight: 700 !important; font-size: 9.5px !important; }

/* ---------- HEADER COMBAT : panneau dark-gold cohérent (fini le violet) ---------- */
.dash-combat-arena {
  background: linear-gradient(165deg, #1c1408, #110b05) !important;
  border: 1px solid rgba(232,193,74,.20) !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 18px rgba(232,193,74,.5), inset 0 1px 0 rgba(255,255,255,.4) !important;
}

/* ---------- Neutralise les règles ID-scopées de ui-premium.css (#dash-combat-row .dafd-*) ----------
   Même spécificité (0,1,1,0) mais arene-live.css est chargé APRÈS ui-premium.css → ces règles gagnent.
   On garde volontairement #dash-combat-row .dafd-title (dégradé or de ui-premium) intact. */
#dash-combat-row .dash-activity-feed { background:#140e07 !important; border:1px solid rgba(232,193,74,.20) !important; border-radius:14px !important; }
#dash-combat-row .dafd-kpi { background:transparent !important; border:none !important; border-left:1px solid rgba(255,255,255,.05) !important; border-radius:0 !important; }
#dash-combat-row .dafd-kpi:first-child { border-left:none !important; }
#dash-combat-row .dafd-row { background:transparent !important; border:none !important; border-bottom:1px solid rgba(232,193,74,.09) !important; border-left:2px solid #4aa860 !important; border-radius:0 !important; }
#dash-combat-row .dafd-row.win { border-left:2px solid #4aa860 !important; }
#dash-combat-row .dafd-row.loss { border-left:2px solid #c0553c !important; }

/* ════════ v1826 — Activité live REFONTE : lignes aérées + avatar/pastille ✓✗ + gains en puces (logo kamas) ════════ */
#dash-combat-row .dafd-row, .dafd-row{
  display:flex !important; gap:10px !important; align-items:flex-start !important;
  padding:10px 12px !important; background:transparent !important;
  border:none !important; border-bottom:1px solid rgba(232,193,74,.08) !important;
  border-left:2px solid #4aa860 !important; border-radius:0 !important;
}
#dash-combat-row .dafd-row.loss, .dafd-row.loss{ border-left-color:#c0553c !important; opacity:.94; }
#dash-combat-row .dafd-row:hover, .dafd-row:hover{ background:rgba(232,193,74,.05) !important; transform:none !important; border-color:rgba(232,193,74,.08) !important; }
.dafd-av-wrap{ position:relative; flex:none; }
#dash-combat-row .dafd-row > .dafd-av-wrap .dafd-avatar{ width:38px !important; height:38px !important; border-radius:10px !important; border:1px solid #3a2c17 !important; box-shadow:inset 0 1px 1px rgba(255,255,255,.22) !important; }
.dafd-res-badge{ position:absolute; right:-4px; bottom:-4px; width:17px; height:17px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:900; color:#fff; border:2px solid #140e07; }
.dafd-res-badge.win{ background:#2aa858; }
.dafd-res-badge.loss{ background:#c0402e; }
.dafd-av-group .dafd-avatar{ width:25px !important; height:25px !important; border-radius:7px !important; }
.dafd-body{ flex:1; min-width:0; }
.dafd-line1{ display:flex !important; align-items:baseline; justify-content:space-between; gap:6px; }
.dafd-pseudo{ font-size:13px !important; font-weight:800 !important; max-width:none !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dafd-time{ font-size:10px; color:#7a6e56; font-weight:700; flex:none; }
.dafd-zone{ font-size:10.5px !important; color:#9a8c70 !important; margin:2px 0 6px !important; font-style:normal !important; flex:none !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dafd-line2{ display:flex !important; flex-wrap:wrap; gap:6px !important; }
#dash-combat-row .dafd-tag, .dafd-tag{ display:inline-flex !important; align-items:center; gap:3px; background:rgba(255,255,255,.05) !important; border:none !important; border-radius:6px !important; padding:2px 7px !important; font-size:10.5px !important; font-weight:800 !important; }
.dafd-tag.xp{ color:#8fe0a0 !important; background:rgba(126,226,154,.13) !important; }
.dafd-tag.kamas{ color:#f4d98a !important; background:rgba(244,217,138,.13) !important; }
.dafd-tag.loot{ color:#c8a8ff !important; background:rgba(200,168,255,.13) !important; }
.dafd-kama-ic{ width:12px !important; height:12px !important; vertical-align:-2px; }
#dash-combat-row .dafd-kpi b, .dafd-kpi b{ font-size:15px !important; }
.dafd-title{ letter-spacing:.3px !important; }
/* toggle replier/déplier : inutile sur desktop → masqué (gardé sur mobile) */
body:not(.is-mobile) .dafd-toggle{ display:none !important; }

/* ════════ v1827 — Activité live COMPACTE : sans avatars, icône résultat inline, 2 lignes serrées ════════ */
#dash-combat-row .dafd-row.dafd-compact, .dafd-row.dafd-compact{ padding:7px 12px !important; gap:0 !important; align-items:stretch !important; }
.dafd-res-ico{ display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%; font-size:9px; font-weight:900; color:#fff; margin-right:6px; flex:none; box-shadow:0 1px 2px rgba(0,0,0,.4); }
.dafd-res-ico.win{ background:#2aa858; }
.dafd-res-ico.loss{ background:#c0402e; }
.dafd-compact .dafd-line1{ display:flex !important; align-items:center; gap:0; }
.dafd-compact .dafd-line1 .dafd-time{ margin-left:auto; }
.dafd-compact .dafd-line2{ margin-top:3px !important; gap:6px !important; align-items:center; flex-wrap:wrap; }
.dafd-compact .dafd-zone{ margin:0 !important; max-width:110px; font-size:10px !important; }