/* La fuite de données — thème console d'analyste SOC (ardoise / vert-cyan) */
:root {
    --tp-bg: radial-gradient(circle at 50% 0%, #0d1b22 0%, #070d11 70%);
    --tp-text: #e4eef0;
    --tp-muted: #86a0a6;
    --tp-accent: #27e6b0;
    --tp-accent-2: #52c7ff;
    --tp-card: rgba(12, 22, 26, 0.94);
    --tp-border: rgba(39, 230, 176, 0.26);
    --tp-header-bg: rgba(7, 13, 17, 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, #27e6b0, #52c7ff);
    --tp-play-ink: #061411;
    --tp-notebook-bg: rgba(82, 199, 255, 0.06);
    --tp-notebook-border: #52c7ff;
    --tp-notebook-title: #a4e3ff;
}
body { font-size: 1.04rem; }
.eg {
    --eg-card: rgba(12, 22, 26, 0.95);
    --eg-card-2: rgba(39, 230, 176, 0.05);
    --eg-text: #e4eef0;
    --eg-muted: #86a0a6;
    --eg-accent: #27e6b0;
    --eg-accent-ink: #061411;
    --eg-border: rgba(39, 230, 176, 0.2);
    --eg-ok: #27e6b0;
    --eg-err: #ff6b8a;
    --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: #08151a; color: #b9ffe9; }
.eg .eg-room-title { color: var(--eg-accent); }

/* Tables cliquables (dépendances, accès) */
.click-table .log-row { cursor: pointer; }
.click-table .log-row:hover { background: rgba(39, 230, 176, 0.07); }
.click-table .log-row.marked { background: rgba(255, 107, 138, 0.16); }
.mark-cell { text-align: center; width: 2rem; }
.data-table td.diff { color: #ff6b8a; font-weight: 700; }
.eg-mono.hot { color: #ff6b8a; font-weight: 700; }

/* Bloc de code (script post-install) */
.code-block { background: #050d10; color: #b9ffe9; border: 1px solid var(--eg-border); border-radius: 8px; padding: 0.8rem 1rem; font-size: 0.82rem; line-height: 1.5; white-space: pre-wrap; word-break: break-word; margin: 0.6rem 0; }

@media (max-width: 720px) {
    .code-block { font-size: 0.74rem; }
}
