/* Same paper, ink, square geometry and quiet rules as Cerberus. */
.jev-consent { display:flex; gap:12px; align-items:flex-start; margin:22px 0; padding:16px 0; border-block:1px solid #c9ccca; font:14px/1.5 Inter,sans-serif; text-align:left; }
.jev-consent input { width:18px; height:18px; flex:none; margin:3px 0 0; accent-color:#171719; }
.jev-consent strong { display:block; font-weight:600; }
.jev-consent small { display:block; color:#59615d; font-size:12px; margin-top:4px; }
.jev-live { --j-ink:var(--finish-ink,#171719); --j-muted:var(--finish-muted,#55555d); --j-line:var(--finish-rule,#d6d6da); --j-green:#171719; --j-high:#171719; --j-medium:#77777f; --j-low:#c4c4ca; color:var(--j-ink); background:transparent; padding:24px 0; margin:24px 0; border-block:1px dashed #909098; border-radius:0; text-align:left; box-shadow:none; font:14px/1.5 var(--font-body,Inter,sans-serif); overflow:hidden; }
.jev-live [hidden] { display:none!important; }
.jev-top { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.jev-eyebrow,.jev-status,.jev-label { font:11px/1.5 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
.jev-eyebrow { color:var(--j-green); }
.jev-status { color:var(--j-muted); letter-spacing:.04em; }
.jev-status::before { content:'●'; color:var(--j-green); padding-right:7px; }
.jev-live h3 { color:var(--j-ink); font:500 clamp(24px,3vw,30px)/1.2 var(--font-body,Inter,sans-serif); letter-spacing:-.04em; margin:16px 0 8px; }
.jev-caption { color:var(--j-muted); font-size:12px; margin:0; }
.jev-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:24px 0; padding-block:18px; border-block:1px solid var(--j-line); gap:12px; }
.jev-metric strong { display:block; font:400 clamp(23px,3vw,32px)/1.2 'JetBrains Mono',monospace; letter-spacing:-.05em; color:var(--j-ink); font-variant-numeric:tabular-nums; }
.jev-metric span { color:var(--j-muted); font-size:11px; display:block; margin-top:6px; }
.jev-flow { display:grid; grid-template-columns:1.05fr 40px 1fr; align-items:start; gap:16px; }
.jev-label { color:var(--j-muted); margin-bottom:12px; letter-spacing:.05em; }
.jev-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(17px,1fr)); gap:5px; min-height:50px; align-content:start; }
.jev-live .jev-tile { appearance:none; border:0; padding:0; min-width:0; min-height:0; aspect-ratio:1; border-radius:0; background:#eeeeef; box-shadow:inset 0 0 0 1px #d6d6da; cursor:pointer; transition:background .25s,transform .25s; }
.jev-live .jev-tile[data-state=active] { background:var(--j-green); transform:scale(.8); outline:1px solid var(--j-ink); outline-offset:3px; box-shadow:none; }
.jev-live .jev-tile[data-state=high] { background:var(--j-high); }
.jev-live .jev-tile[data-state=medium] { background:var(--j-medium); }
.jev-live .jev-tile[data-state=low] { background:var(--j-low); }
.jev-live .jev-tile[data-state=skipped] { background:transparent; outline:1px dashed #77777f; }
.jev-live .jev-tile:focus-visible,.jev-live .jev-tile[aria-pressed=true] { outline:2px solid var(--j-ink); outline-offset:2px; }
.jev-connector { color:var(--j-green); text-align:center; font:25px/1 monospace; padding-top:36px; }
.jev-lane { margin-bottom:16px; }
.jev-lane-head { display:flex; justify-content:space-between; font-size:12px; margin-bottom:7px; }
.jev-lane-head strong { font:400 13px 'JetBrains Mono',monospace; }
.jev-track { height:5px; background:#eeeef0; overflow:hidden; border-radius:0; }
.jev-track span { display:block; height:100%; width:0; transition:width .35s ease; background:var(--j-low); }
.jev-lane[data-priority=high] .jev-track span { background:var(--j-high); }
.jev-lane[data-priority=medium] .jev-track span { background:var(--j-medium); }
.jev-lane-note { display:block; color:var(--j-muted); font-size:10px; margin-top:4px; }
.jev-detail { border-top:1px solid var(--j-line); margin-top:22px; padding-top:18px; }
.jev-path { font:12px/1.6 'JetBrains Mono',monospace; overflow-wrap:anywhere; color:var(--j-ink); min-height:38px; margin:7px 0 14px; }
.jev-probabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.jev-probability span { color:var(--j-muted); font-size:11px; display:block; margin-bottom:6px; }
.jev-probability strong { font:400 18px 'JetBrains Mono',monospace; color:var(--j-ink); }
.jev-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--j-line); margin-top:20px; padding-top:14px; color:var(--j-muted); font:11px/1.6 'JetBrains Mono',monospace; }
.jev-live .jev-open { color:#fff; background:var(--j-ink); border:1px solid var(--j-ink); border-radius:0; box-shadow:none; font:500 11px var(--font-mono,'JetBrains Mono',monospace); padding:12px 16px; margin-top:18px; cursor:pointer; }
.jev-error { color:#8a2929; font-size:12px; }
.jev-legend { font-size:10px; line-height:1.7; color:var(--j-muted); margin-top:12px; }
.jev-live[data-state=running] .jev-status::before { animation:jev-pulse 1.5s ease-in-out infinite; }
@keyframes jev-pulse { 50% { opacity:.3; } }
@media(max-width:540px) { .jev-live { padding:18px 0; margin-inline:0; } .jev-flow { grid-template-columns:1fr; gap:8px; } .jev-connector { display:none; } .jev-grid { grid-template-columns:repeat(auto-fill,minmax(20px,1fr)); } .jev-probabilities { gap:8px; } .jev-probability span { min-height:32px; } .jev-top,.jev-footer { align-items:flex-start; flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .jev-live *, .jev-live *::before { animation:none!important; transition:none!important; } }
@media(pointer:coarse) { .jev-grid { grid-template-columns:repeat(auto-fill,minmax(44px,1fr)); } }