/* Panneau « Le modèle apprend » (onglet Résultats de l'IA). */
.learning-panel .learning-metrics {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 4px 0 14px;
}
.learning-panel .learning-status {
  font-size: .95rem; color: var(--text); margin: 0 0 10px; font-weight: 600;
}
.learning-panel .learning-status::before { content: "🧠 "; }
@media (max-width: 560px) { .learning-panel .learning-metrics { grid-template-columns: 1fr; } }

/* Historique des recalibrations (timeline repliable) */
.learning-timeline { margin: 4px 0 12px; }
.learning-timeline summary { cursor: pointer; font-size: .82rem; color: var(--muted); font-weight: 600; }
.learning-timeline summary:hover { color: var(--lime); }
.lt-list { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.lt-item { display: flex; gap: 12px; align-items: flex-start; padding: 6px 0 6px 4px; position: relative; }
.lt-item:not(:last-child)::after { content: ""; position: absolute; left: 8px; top: 18px; bottom: -2px; width: 1px; background: var(--line-strong); }
.lt-dot { width: 9px; height: 9px; border-radius: 50%; margin-top: 5px; flex: 0 0 9px; z-index: 1; background: var(--muted-2); }
.lt-adopted .lt-dot { background: var(--lime); }
.lt-kept .lt-dot { background: var(--cyan); }
.lt-item strong { display: block; font-size: .84rem; color: var(--text); font-weight: 600; }
.lt-item small { display: block; font-size: .76rem; color: var(--muted); font-variant-numeric: tabular-nums; }

/* Panneau « Stratégie Placé » (réutilise .learning-metrics/.performance-metric). */
.place-strat-panel .learning-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 4px 0 14px; }
.place-strat-panel .performance-metric em { display: block; font-style: normal; font-size: .74rem; color: var(--muted); margin-top: 3px; }
.place-strat-panel .performance-metric.ps-live { border-color: rgba(120, 190, 255, .38); }
.place-strat-panel .performance-metric.ps-live strong { color: #8fc4ff; }
.place-strat-panel .performance-metric.ps-bt strong { color: var(--lime); }
.place-strat-panel .learning-status::before { content: "🥉 "; }
.ps-breakdown { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 10px; }
.ps-bk-title { font-size: .72rem; text-transform: uppercase; letter-spacing: .5px; color: var(--muted); margin-right: 2px; }
.ps-chip { font-size: .8rem; padding: 3px 9px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--text); background: rgba(120, 190, 255, .07); }
.ps-chip b { font-weight: 600; }
.ps-chip em { font-style: normal; color: var(--muted); font-size: .72rem; }
@media (max-width: 560px) { .place-strat-panel .learning-metrics { grid-template-columns: 1fr; } }