/* ═══════════════════════════════════════════════════════════════
   DEBATE-ARENA-LANDING.CSS — Complément à crm-landing.css /
   deal-room-landing.css. Réutilise tokens --lp-* et classes .lab-*
   génériques. N'ajoute QUE les classes du mockup Debate Arena
   (lab-deb-*)
   ═══════════════════════════════════════════════════════════════ */

/* ── Mode Cards (5 debate modes) ── */
.lab-deb-modes-grid{ display:flex; flex-direction:column; gap:10px; }
.lab-deb-mode-card{ display:flex; align-items:center; gap:14px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.04); border:1px solid var(--lp-border-soft); }
.lab-deb-mode-icon{ width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.15rem; flex-shrink:0; }
.lab-deb-mode-name{ font-size:.9rem; font-weight:800; color:#fff; margin-bottom:3px; }
.lab-deb-mode-desc{ font-size:.72rem; color:rgba(255,255,255,.5); margin-bottom:8px; }
.lab-deb-mode-agents{ display:flex; flex-wrap:wrap; gap:6px; }
.lab-deb-agent-chip{ font-size:.62rem; font-weight:700; padding:3px 9px; border-radius:20px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.65); }

/* ── Verdict Hero (Consensus Gauge) ── */
.lab-deb-verdict-hero{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; padding:26px; border-radius:18px; background:rgba(255,255,255,.05); border:1px solid var(--lp-glass-border); margin-bottom:22px; }
.lab-deb-verdict-icon{ font-size:2.8rem; flex-shrink:0; }
.lab-deb-verdict-label{ font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:rgba(255,255,255,.5); margin-bottom:4px; }
.lab-deb-verdict-value{ font-size:1.8rem; font-weight:900; margin-bottom:5px; line-height:1; }
.lab-deb-verdict-mode{ font-size:.8rem; color:rgba(255,255,255,.5); font-weight:600; }
.lab-deb-gauge-wrap{ text-align:center; flex-shrink:0; }
.lab-deb-gauge-svg{ width:120px; overflow:visible; }
.lab-deb-confidence{ font-size:.68rem; color:rgba(255,255,255,.5); font-weight:600; margin-top:4px; }
.lab-deb-verdict-stats{ display:flex; gap:18px; margin-left:auto; }
.lab-deb-verdict-stat{ text-align:center; }
.lab-deb-verdict-stat .val{ font-size:1.15rem; font-weight:900; color:#fff; display:block; }
.lab-deb-verdict-stat .lbl{ font-size:.62rem; color:rgba(255,255,255,.45); font-weight:700; }

/* ── Round Indicator ── */
.lab-deb-round-row{ display:flex; align-items:center; gap:0; margin-bottom:20px; }
.lab-deb-round-step{ display:flex; align-items:center; gap:8px; flex:1; }
.lab-deb-round-dot{ width:11px; height:11px; border-radius:50%; background:rgba(255,255,255,.15); border:2px solid rgba(255,255,255,.12); flex-shrink:0; }
.lab-deb-round-dot.done{ background:#10b981; border-color:rgba(16,185,129,.3); }
.lab-deb-round-dot.active{ background:#667eea; border-color:rgba(102,126,234,.3); box-shadow:0 0 0 4px rgba(102,126,234,.15); }
.lab-deb-round-line{ flex:1; height:2px; background:rgba(255,255,255,.1); }
.lab-deb-round-line.done{ background:#10b981; }
.lab-deb-round-label{ font-size:.66rem; font-weight:700; color:rgba(255,255,255,.5); white-space:nowrap; }
.lab-deb-round-label.active{ color:#a5b4fc; }
.lab-deb-round-label.done{ color:#6ee7b7; }

/* ── Agent Slots (Live Debate) ── */
.lab-deb-agents-grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin-bottom:22px; }
@media(max-width:900px){ .lab-deb-agents-grid{ grid-template-columns:1fr; } }
.lab-deb-agent-slot{ border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.03); }
.lab-deb-agent-slot.judge{ border-color:rgba(102,126,234,.35); background:rgba(102,126,234,.05); }
.lab-deb-agent-header{ padding:11px 13px; display:flex; align-items:center; gap:9px; background:rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.06); }
.lab-deb-agent-name{ font-size:.78rem; font-weight:800; }
.lab-deb-agent-status{ font-size:.66rem; color:rgba(255,255,255,.5); margin-left:auto; }
.lab-deb-agent-body{ padding:12px 13px; font-size:.74rem; line-height:1.6; color:rgba(255,255,255,.65); min-height:70px; }

/* ── Consensus / Disagreements columns ── */
.lab-deb-consensus-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:22px; }
@media(max-width:700px){ .lab-deb-consensus-grid{ grid-template-columns:1fr; } }
.lab-deb-consensus-col{ background:rgba(255,255,255,.04); border:1px solid var(--lp-border-soft); border-radius:14px; padding:16px; }
.lab-deb-consensus-title{ font-size:.78rem; font-weight:800; color:#fff; margin-bottom:12px; display:flex; align-items:center; gap:8px; }
.lab-deb-item{ font-size:.72rem; color:rgba(255,255,255,.62); padding:8px 10px; border-radius:8px; margin-bottom:6px; display:flex; align-items:flex-start; gap:7px; line-height:1.5; }
.lab-deb-item.agree{ background:rgba(16,185,129,.07); border-left:2px solid #10b981; }
.lab-deb-item.disagree{ background:rgba(239,68,68,.06); border-left:2px solid #ef4444; }

/* ── MiFID II disclaimer ── */
.lab-deb-mifid{ font-size:.7rem; color:rgba(255,255,255,.45); line-height:1.6; padding:12px 14px; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); display:flex; align-items:flex-start; gap:8px; }

@media(max-width:768px){
    .lab-deb-verdict-hero{ padding:18px; }
    .lab-deb-verdict-stats{ margin-left:0; width:100%; justify-content:space-around; }
}