/* La source de l'épidémie — thème santé publique (vert clinique / rouge alerte) */
:root {
    --tp-bg: radial-gradient(circle at 50% 0%, #0b2420 0%, #06110f 70%);
    --tp-text: #e6f2ee;
    --tp-muted: #8bb0a6;
    --tp-accent: #44e0a0;
    --tp-accent-2: #ffd24d;
    --tp-card: rgba(11, 26, 23, 0.94);
    --tp-border: rgba(68, 224, 160, 0.26);
    --tp-header-bg: rgba(6, 17, 15, 0.9);
    --tp-font-head: 'Space Grotesk', system-ui, sans-serif;
    --tp-font-body: 'Inter', system-ui, sans-serif;
    --tp-play-bg: linear-gradient(135deg, #44e0a0, #ffd24d);
    --tp-play-ink: #06110f;
    --tp-notebook-bg: rgba(255, 210, 77, 0.07);
    --tp-notebook-border: #ffd24d;
    --tp-notebook-title: #ffe39a;
}
body { font-size: 1.04rem; }
.eg {
    --eg-card: rgba(11, 26, 23, 0.95);
    --eg-card-2: rgba(68, 224, 160, 0.05);
    --eg-text: #e6f2ee;
    --eg-muted: #8bb0a6;
    --eg-accent: #44e0a0;
    --eg-accent-ink: #06110f;
    --eg-border: rgba(68, 224, 160, 0.2);
    --eg-ok: #44e0a0;
    --eg-err: #ff6b6b;
    --eg-radius: 10px;
    --eg-font-head: 'Space Grotesk', system-ui, sans-serif;
    --eg-font-body: 'Inter', system-ui, sans-serif;
    --eg-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}
.eg .eg-input { background: #08180f; color: #c7ffe4; }
.eg .eg-room-title { color: var(--eg-accent); }

/* Tables cliquables (groupes) */
.click-table .log-row { cursor: pointer; }
.click-table .log-row:hover { background: rgba(68, 224, 160, 0.07); }
.click-table .log-row.marked { background: rgba(255, 107, 107, 0.16); }
.mark-cell { text-align: center; width: 2rem; }

/* Barres de taux d'atteinte */
.bar-cell { display: inline-flex; align-items: center; gap: 0.5rem; min-width: 120px; }
.bar-fill { display: inline-block; height: 0.7rem; width: var(--w); min-width: 2px; border-radius: 4px; background: linear-gradient(90deg, #44e0a0, #ffd24d); }
.bar-fill.hot { background: linear-gradient(90deg, #ff9f43, #ff3b3b); }

/* Arbre phylogénétique */
.tree-block { background: #05140f; color: #c7ffe4; border: 1px solid var(--eg-border); border-left: 4px solid var(--eg-accent); border-radius: 8px; padding: 0.9rem 1rem; font-size: 0.86rem; line-height: 1.5; white-space: pre; overflow-x: auto; margin: 0.6rem 0; }

@media (max-width: 720px) {
    .bar-cell { min-width: 90px; }
    .tree-block { font-size: 0.72rem; }
}