/* La machine à lire les pensées — thème labo neuro (violet / cyan) */
:root {
    --tp-bg: radial-gradient(circle at 50% 0%, #1a1038 0%, #0a0714 70%);
    --tp-text: #ece9f7;
    --tp-muted: #9b93c4;
    --tp-accent: #b794ff;
    --tp-accent-2: #38e8ff;
    --tp-card: rgba(20, 16, 40, 0.94);
    --tp-border: rgba(183, 148, 255, 0.28);
    --tp-header-bg: rgba(10, 7, 20, 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, #b794ff, #38e8ff);
    --tp-play-ink: #140a28;
    --tp-notebook-bg: rgba(56, 232, 255, 0.06);
    --tp-notebook-border: #38e8ff;
    --tp-notebook-title: #8ff3ff;
}
body { font-size: 1.04rem; }
.eg {
    --eg-card: rgba(20, 16, 40, 0.95);
    --eg-card-2: rgba(183, 148, 255, 0.05);
    --eg-text: #ece9f7;
    --eg-muted: #9b93c4;
    --eg-accent: #b794ff;
    --eg-accent-ink: #140a28;
    --eg-border: rgba(183, 148, 255, 0.22);
    --eg-ok: #5effc0;
    --eg-err: #ff6b9d;
    --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: #0d0a1e; color: #d9d0ff; }
.eg .eg-room-title { color: var(--eg-accent); }

/* Tables cliquables (essais, journaux) */
.click-table .log-row { cursor: pointer; }
.click-table .log-row:hover { background: rgba(183, 148, 255, 0.07); }
.click-table .log-row.marked { background: rgba(255, 107, 157, 0.14); }
.mark-cell { text-align: center; width: 2rem; }

/* Barres de valeur (sortie du détecteur) */
.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, #38e8ff, #5effc0); }
.bar-fill.hot { background: linear-gradient(90deg, #ff6b9d, #ff3b3b); }

/* Calculatrice */
.calc .eg-row { margin: 0.5rem 0; align-items: center; }
.calc-in { max-width: 7rem; flex: 0 0 7rem !important; }

@media (max-width: 720px) {
    .bar-cell { min-width: 90px; }
}