.pkg-journey{width:min(1180px,96vw);margin:2.4rem 0 2.4rem 50%;transform:translateX(-50%);border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:1.4rem 1.5rem 1.2rem;font-family:var(--font-sans,Inter,system-ui,sans-serif);outline:none}.pkg-journey *{box-sizing:border-box}.pj-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.pj-pill{font:500 .82rem var(--font-sans,inherit);cursor:pointer;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.4rem .85rem;transition:all .12s}.pj-pill:hover{color:var(--text);border-color:var(--primary)}.pj-pill.active{color:#fff;background:var(--primary);border-color:var(--primary)}:root[data-theme=dark] .pj-pill.active{color:#061512}.pj-pill-muted{opacity:.72}.pj-pill-muted::before{content:"✓ ";color:var(--green-600)}.pj-pill-muted.active{opacity:1}.pj-pill-muted.active::before{color:#fff}:root[data-theme=dark] .pj-pill-muted.active::before{color:#061512}.pj-verdict{display:flex;align-items:center;gap:.8rem;border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;margin-bottom:1.1rem}.pj-verdict-icon{font-size:1.5rem;line-height:1;flex:none}.pj-verdict-text{min-width:0}.pj-verdict-headline{display:block;font-size:1.02rem;color:var(--text-heading)}.pj-verdict-sub{font-size:.82rem;color:var(--text-secondary)}.pj-verdict-badge{margin-left:auto;flex:none;font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.3rem .58rem;border-radius:999px;white-space:nowrap}.pj-verdict-bad{background:#f8e4e1;border-color:var(--red-500)}.pj-verdict-ok{background:#e3f3ee;border-color:var(--green-500)}.pj-verdict-warn{background:#fbf1dc;border-color:var(--amber-500)}:root[data-theme=dark] .pj-verdict-bad{background:#331a16}:root[data-theme=dark] .pj-verdict-ok{background:#12352b}:root[data-theme=dark] .pj-verdict-warn{background:#33280f}.pj-verdict-bad .pj-verdict-badge{color:#fff;background:var(--red-500)}.pj-verdict-ok .pj-verdict-badge{color:#0f5132;background:color-mix(in srgb,var(--green-500) 24%,transparent)}.pj-verdict-warn .pj-verdict-badge{color:#5a4410;background:color-mix(in srgb,var(--amber-500) 32%,transparent)}:root[data-theme=dark] .pj-verdict-ok .pj-verdict-badge{color:#b9ede0}:root[data-theme=dark] .pj-verdict-warn .pj-verdict-badge{color:#f0d69a}@media(max-width:560px){.pj-verdict-badge{display:none}}.pj-track{display:flex;align-items:center;margin:.4rem 0 1.3rem;overflow-x:auto;padding-bottom:.2rem}.pj-node{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:none;min-width:4.4rem}.pj-node-dot{width:.85rem;height:.85rem;border-radius:50%;background:var(--border);border:2px solid var(--border);transition:all .2s}.pj-node-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.pj-conn{flex:auto;height:2px;background:var(--border);min-width:1.4rem;margin:0 -.2rem 1.1rem}.pj-conn-done{background:var(--accent)}.pj-done .pj-node-dot{background:var(--accent);border-color:var(--accent)}.pj-done .pj-node-label{color:var(--text-secondary)}.pj-current .pj-node-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent)}.pj-current .pj-node-label{color:var(--text);font-weight:600}.pj-node-bad.pj-current .pj-node-dot{background:var(--red-500);border-color:var(--red-500);box-shadow:0 0 0 4px color-mix(in srgb,var(--red-500) 24%,transparent)}.pj-node-ok.pj-current .pj-node-dot{background:var(--green-500);border-color:var(--green-500)}.pj-node-bad.pj-future .pj-node-dot{border-color:color-mix(in srgb,var(--red-500) 55%,var(--border))}.pj-node-bad.pj-future .pj-node-label{color:color-mix(in srgb,var(--red-500) 70%,var(--text-muted))}.pj-node-ok.pj-future .pj-node-dot{border-color:color-mix(in srgb,var(--green-500) 55%,var(--border))}.pj-node-ok.pj-future .pj-node-label{color:color-mix(in srgb,var(--green-600) 65%,var(--text-muted))}:root[data-theme=dark] .pj-node-bad.pj-future .pj-node-label{color:color-mix(in srgb,var(--red-400) 70%,var(--text-secondary))}:root[data-theme=dark] .pj-node-ok.pj-future .pj-node-label{color:color-mix(in srgb,var(--green-400) 65%,var(--text-secondary))}.pj-stage-title{font-size:1.02rem;margin:0 0 .7rem;color:var(--text-heading)}.pj-badge{font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.28rem .6rem;border-radius:999px;white-space:nowrap}.pj-badge-ok{color:#0f5132;background:#e3f3ee}.pj-badge-bad{color:#71271f;background:#f8e4e1}.pj-badge-warn{color:#5a4410;background:#fbf1dc}:root[data-theme=dark] .pj-badge-ok{color:#b9ede0;background:#12352b}:root[data-theme=dark] .pj-badge-bad{color:#f2c4bd;background:#331a16}:root[data-theme=dark] .pj-badge-warn{color:#f0d69a;background:#33280f}.pj-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}@media(max-width:720px){.pj-cols{grid-template-columns:1fr}}.pj-narration{font-size:.92rem;line-height:1.6;color:var(--text);margin:0}.pj-widget{min-height:8rem}.pj-pkgcard{border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;background:var(--bg);font-family:var(--font-mono,monospace)}.pj-pkg-name{font-size:.95rem;color:var(--text-heading);margin-bottom:.6rem}.pj-pkg-ver{color:var(--text-secondary);font-weight:400}.pj-pkg-row{display:flex;justify-content:space-between;font-size:.78rem;padding:.22rem 0;border-top:1px solid var(--border-light)}.pj-pkg-k{color:var(--text-muted)}.pj-pkg-v{color:var(--text-secondary)}.pj-pkg-status{margin-top:.6rem;font-size:.78rem;color:var(--text-secondary)}.pj-agrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}@media(min-width:480px){.pj-agrid{grid-template-columns:repeat(2,1fr)}}.pj-chip{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font:.72rem var(--font-mono,monospace);border:1px solid var(--border);border-radius:6px;padding:.32rem .5rem;color:var(--text-muted);background:var(--bg);transition:all .15s}.pj-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-chip-hit{color:var(--text);font-weight:600}.pj-chip-sev{font-size:.62rem;font-weight:700;padding:.1rem .32rem;border-radius:4px}.pj-chip.sev-critical{border-color:var(--red-500);background:#f8e4e1}.pj-chip.sev-high{border-color:var(--amber-500);background:#fbf1dc}.pj-chip.sev-medium{border-color:var(--amber-400);background:#fdf6e8}.pj-chip.sev-critical .pj-chip-sev{color:#fff;background:var(--red-500)}.pj-chip.sev-high .pj-chip-sev{color:#4a3208;background:var(--amber-500)}.pj-chip.sev-medium .pj-chip-sev{color:#4a3208;background:var(--amber-400)}:root[data-theme=dark] .pj-chip.sev-critical{background:#3a1a16}:root[data-theme=dark] .pj-chip.sev-high{background:#33280f}:root[data-theme=dark] .pj-chip.sev-medium{background:#2b230f}:root[data-theme=dark] .pj-chip.sev-critical .pj-chip-name,:root[data-theme=dark] .pj-chip.sev-high .pj-chip-name,:root[data-theme=dark] .pj-chip.sev-medium .pj-chip-name{color:#f0e9e0}.pj-agrid-note{grid-column:1/-1;margin-top:.5rem;font-size:.76rem;color:var(--text-muted);font-style:italic}.pj-widget>.pj-agrid{grid-column:unset}.pj-agrid{position:relative}@keyframes pj-chip-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pj-crit-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--red-500) 45%,transparent)}100%{box-shadow:0 0 0 8px transparent}}.pj-chip-reveal{animation:pj-chip-in .28s ease both}.pj-chip.sev-critical.pj-chip-reveal{animation:pj-chip-in .28s ease both,pj-crit-pulse .6s ease .28s 1}.pj-widget-div{height:1px;background:var(--border);margin:.7rem 0}@media(prefers-reduced-motion:reduce){.pj-chip-reveal,.pj-chip.sev-critical.pj-chip-reveal{animation:none}.pj-bar-fill{transition:none}}.pj-score{border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;background:var(--bg)}.pj-score-row{display:flex;align-items:center;gap:.5rem;padding:.28rem 0;font:.78rem var(--font-mono,monospace)}.pj-score-a{flex:auto;color:var(--text-secondary)}.pj-badge-sev{font-size:.6rem;font-weight:700;padding:.1rem .34rem;border-radius:4px}.pj-badge-sev.sev-critical{color:#fff;background:var(--red-500)}.pj-badge-sev.sev-high{color:#4a3208;background:var(--amber-500)}.pj-badge-sev.sev-medium{color:#4a3208;background:var(--amber-400)}.pj-score-w{font-weight:700;color:var(--text);min-width:2.2rem;text-align:right}.pj-score-empty{font:italic .78rem var(--font-mono,monospace);color:var(--text-muted);padding:.3rem 0}.pj-score-total{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);font:.82rem var(--font-mono,monospace);color:var(--text-secondary)}.pj-score-total b{color:var(--text-heading);font-size:1rem}@keyframes pj-flash{0%,100%{color:var(--text-secondary)}40%{color:var(--red-500)}}.pj-score-total.capped b{color:var(--red-500)}.pj-score-total.capped{animation:pj-flash .6s ease 1}@media(prefers-reduced-motion:reduce){.pj-score-total.capped{animation:none}}.pj-bar{position:relative;height:.55rem;background:var(--border-light);border-radius:999px;margin-top:.7rem}.pj-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--green-500);transition:width .3s}.pj-bar-fill.over{background:var(--red-500)}.pj-bar-fill.ok{background:var(--green-500)}.pj-bar-thr{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text-heading)}.pj-bar-cap{margin-top:.35rem;font-size:.68rem;color:var(--text-muted)}.pj-gates{border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;background:var(--bg)}.pj-gate{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.8rem}.pj-gate-mark{font-weight:700;width:1rem;text-align:center}.pj-gate-mark.ok{color:var(--green-600)}.pj-gate-mark.no{color:var(--red-500)}.pj-gate-label{flex:auto;color:var(--text-secondary)}.pj-gate-tag{font-size:.66rem;color:var(--text-muted);font-family:var(--font-mono,monospace)}.pj-gate-tag.bad{color:var(--red-500)}.pj-route{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border);font-size:.85rem;font-family:var(--font-mono,monospace)}.pj-route b{text-transform:none}.pj-route-auto_approved b{color:var(--green-600)}.pj-route-served b{color:var(--green-600)}.pj-route-rejected b{color:var(--red-500)}.pj-route-needs_review b{color:var(--amber-500)}.pj-ai{border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;background:var(--bg)}.pj-ai-model{font:.78rem var(--font-mono,monospace);color:var(--text-muted)}.pj-ai-decision{margin:.4rem 0;font-size:1.1rem}.pj-ai-approve b{color:var(--green-600)}.pj-ai-reject b{color:var(--red-500)}.pj-ai-defer b{color:var(--amber-500)}.pj-ai-conf{font:.8rem var(--font-mono,monospace);color:var(--text-secondary)}.pj-ai-conf b{color:var(--text-heading)}.pj-ai-rat{margin-top:.7rem;font-size:.82rem;font-style:italic;color:var(--text-secondary);line-height:1.5}.pj-terminal{border-radius:10px;padding:1.1rem 1rem;text-align:center;border:1px solid var(--border)}.pj-terminal.ok{background:#e3f3ee;border-color:var(--green-500)}.pj-terminal.bad{background:#f8e4e1;border-color:var(--red-500)}:root[data-theme=dark] .pj-terminal.ok{background:#12352b}:root[data-theme=dark] .pj-terminal.bad{background:#331a16}.pj-term-icon{font-size:1.9rem;line-height:1}.pj-terminal.ok .pj-term-icon{color:var(--green-600)}.pj-terminal.bad .pj-term-icon{color:var(--red-500)}:root[data-theme=dark] .pj-terminal.ok .pj-term-icon{color:#6fe0c8}.pj-term-title{font-weight:700;color:var(--green-900);margin:.35rem 0}.pj-terminal.bad .pj-term-title{color:#71271f}:root[data-theme=dark] .pj-terminal.ok .pj-term-title{color:#b9ede0}:root[data-theme=dark] .pj-terminal.bad .pj-term-title{color:#f2c4bd}.pj-term-cmd{display:inline-block;font:.8rem var(--font-mono,monospace);background:var(--gray-900);color:#e7efec;padding:.4rem .7rem;border-radius:6px;margin-top:.3rem}.pj-term-sub{font:.78rem var(--font-mono,monospace);color:var(--red-500)}.pj-controls{display:flex;align-items:center;gap:.8rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--border-light)}.pj-btn{font:500 .85rem var(--font-sans,inherit);cursor:pointer;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.45rem .9rem}.pj-btn:hover:not(:disabled){border-color:var(--primary)}.pj-btn:disabled{opacity:.4;cursor:default}.pj-btn-primary{color:#fff;background:var(--primary);border-color:var(--primary);margin-left:auto}:root[data-theme=dark] .pj-btn-primary{color:#061512}.pj-counter{font-size:.78rem;color:var(--text-muted)}.pj-dots{display:flex;gap:.35rem}.pj-dot{width:.5rem;height:.5rem;border-radius:50%;border:none;padding:0;background:var(--border);cursor:pointer}.pj-dot.active{background:var(--primary)}