:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9f0fb;background:#081221;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #081221;--surface: #101d33;--surface-soft: #14243c;--border: #263a57;--muted: #91a5c1;--cyan: #62d9e7;--green: #65dfa5;--amber: #f4bd69;--red: #ff7d82}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% -12%,#203c61 0,transparent 34rem),var(--bg)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:3px solid rgba(98,217,231,.4);outline-offset:3px}h1,h2,p{margin:0}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(18px,5vw,72px);border-bottom:1px solid rgba(118,151,192,.18);background:#081221c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(98,217,231,.5);border-radius:13px;color:var(--cyan);background:#102f46;font-size:.73rem;font-weight:800;letter-spacing:.12em}.eyebrow,.section-kicker{color:var(--cyan);font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.brand h1{margin-top:4px;font-size:1.2rem;letter-spacing:-.04em}.brand p,.page-heading p{margin-top:4px;color:var(--muted);font-size:.73rem}.topbar-actions{display:flex;align-items:center;gap:17px}.connection-pill{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:700}.connection-pill i,.grounded-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #f4bd691f}.connection-pill.connected i{background:var(--green);box-shadow:0 0 0 4px #65dfa51f}.connection-pill.disconnected i{background:var(--red);box-shadow:0 0 0 4px #ff7d821f}.quiet-button,.secondary-button{padding:9px 13px;border:1px solid var(--border);border-radius:9px;color:#bfd2e9;background:var(--surface);font-size:.72rem;font-weight:700}.quiet-button:hover,.secondary-button:hover{border-color:#4d7097;color:#fff}.page{width:min(1440px,100%);margin:0 auto;padding:38px clamp(18px,5vw,72px) 64px}.page-heading,.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.page-heading{margin-bottom:22px}.page-heading h2{margin-top:8px;font-size:1.75rem;letter-spacing:-.055em}.page-heading h2 span{margin-left:7px;color:var(--muted);font-size:.82rem;font-weight:500;letter-spacing:0}.sequence-badge{padding:9px 12px;border:1px solid #345270;border-radius:9px;color:var(--cyan);background:#0d263d;font-family:ui-monospace,monospace;font-size:.73rem}.panel{border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#14243cf5,#0d1c30f5);box-shadow:0 20px 50px #00000029}.panel-heading{padding:19px 20px 16px;border-bottom:1px solid rgba(118,151,192,.16)}.panel-heading h2{margin-top:6px;font-size:.98rem;letter-spacing:-.025em}.timestamp,.event-count{color:var(--muted);font-size:.68rem}.contradiction-banner{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(255,125,130,.45);border-left:3px solid var(--red);border-radius:12px;background:#641e2f47}.contradiction-banner.warning{border-color:#f4bd697a;border-left-color:var(--amber);background:#5c411e40}.warning-mark{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:50%;color:#fff;background:var(--red);font-weight:800}.warning-mark+div{min-width:0}.contradiction-banner strong{font-size:.79rem}.contradiction-banner p{margin-top:3px;color:#c3cfe0;font-size:.73rem;line-height:1.4}.contradiction-banner>span{margin-left:auto;color:var(--red);font-size:.63rem;font-weight:700;text-align:right}.dashboard-grid,.lower-grid{display:grid;gap:18px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr)}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);margin-top:18px}.frame-panel{min-width:0}.frame-placeholder{position:relative;display:grid;place-items:center;aspect-ratio:16/8;min-height:220px;margin:20px;overflow:hidden;border:1px solid #304c6e;border-radius:10px;background:linear-gradient(135deg,#0c2437,#152f46 48%,#0b1b2f)}.frame-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.32;background:linear-gradient(rgba(98,217,231,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(98,217,231,.13) 1px,transparent 1px);background-size:34px 34px}.frame-crosshair{width:38%;height:50%;border:1px solid rgba(98,217,231,.55);box-shadow:0 0 35px #62d9e726}.frame-label{position:absolute;bottom:15px;left:16px;color:#6e92b8;font-family:ui-monospace,monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.frame-corner{position:absolute;width:18px;height:18px;border-color:var(--cyan);border-style:solid;opacity:.9}.top-left{top:17px;left:17px;border-width:2px 0 0 2px}.top-right{top:17px;right:17px;border-width:2px 2px 0 0}.bottom-left{bottom:17px;left:17px;border-width:0 0 2px 2px}.bottom-right{right:17px;bottom:17px;border-width:0 2px 2px 0}.frame-footer{display:flex;justify-content:space-between;padding:0 20px 17px;color:var(--muted);font-size:.68rem}.frame-footer span:last-child{color:var(--cyan)}.state-stack{display:grid;gap:18px}.state-card{padding:20px;border:1px solid var(--border);border-radius:15px;background:#101d33f2}.state-card .section-kicker{color:var(--muted)}.state-card strong{display:block;margin-top:14px;color:#fff;font-size:1.45rem;letter-spacing:-.05em}.state-card p{min-height:39px;margin-top:6px;color:var(--muted);font-size:.72rem;line-height:1.45}.state-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(118,151,192,.15);color:#7088a6;font-size:.64rem}.state-card footer b{color:var(--green);font-weight:700}.timeline-panel,.evidence-panel{min-width:0}.timeline{padding:18px 20px 8px}.timeline-item{position:relative;display:flex;gap:13px;min-height:74px}.timeline-line{position:absolute;top:14px;bottom:0;left:5px;width:1px;background:#2a4665}.timeline-item:last-child .timeline-line{display:none}.timeline-dot{z-index:1;flex:0 0 auto;width:11px;height:11px;margin-top:4px;border:3px solid var(--surface);border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1px #62d9e799}.timeline-item.ocpp .timeline-dot{background:var(--amber);box-shadow:0 0 0 1px #f4bd6999}.timeline-content{min-width:0;flex:1;padding-bottom:16px}.timeline-content header{display:flex;justify-content:space-between;gap:12px}.timeline-content strong{color:#e9f0fb;font-size:.75rem}.timeline-content time{color:var(--muted);font-size:.66rem}.timeline-content p{margin-top:5px;color:#a9bad0;font-size:.71rem}.timeline-content small{display:block;margin-top:6px;color:#627b9a;font-family:ui-monospace,monospace;font-size:.61rem}.evidence-list{padding:7px 20px 12px}.evidence-item{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid rgba(118,151,192,.14)}.evidence-item:last-child{border-bottom:0}.evidence-icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border:1px solid #416282;border-radius:8px;color:var(--cyan);background:#12304a;font-size:.66rem;font-weight:800}.evidence-icon.ocpp{color:var(--amber);background:#3c2d19;border-color:#785b2d}.evidence-item strong{font-size:.72rem}.evidence-item p{margin-top:4px;color:#a9bad0;font-size:.68rem;line-height:1.4}.evidence-item small{display:block;margin-top:5px;color:#627b9a;font-size:.61rem}.summary-panel{margin-top:18px}.summary-panel .panel-heading{align-items:center}.summary-panel .secondary-button{color:var(--cyan);border-color:#3a617c;background:#12304a}.summary-headline{display:flex;align-items:center;gap:9px;padding:18px 20px 0;color:#fff;font-size:.85rem;font-weight:750}.summary-copy{max-width:800px;padding:9px 20px 0;color:#b9c8da;font-size:.76rem;line-height:1.6}.summary-footer{padding:15px 20px 18px;color:#6d86a4;font-size:.64rem}.grounded-dot{display:inline-block;background:var(--green);box-shadow:0 0 0 4px #65dfa51f}.empty-copy{padding:19px 20px 22px;color:var(--muted);font-size:.75rem}.error-banner{margin:-4px 0 18px;padding:10px 13px;border:1px solid rgba(255,125,130,.45);border-radius:9px;color:#ffb1b5;background:#641e2f47;font-size:.72rem}@media(max-width:900px){.dashboard-grid,.lower-grid{grid-template-columns:1fr}.state-stack{grid-template-columns:1fr 1fr}}@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.page{padding-top:27px}.page-heading h2{font-size:1.35rem}.contradiction-banner{align-items:flex-start;flex-wrap:wrap}.contradiction-banner>span{width:100%;margin:0 0 0 40px;text-align:left}.state-stack{grid-template-columns:1fr}.frame-placeholder{min-height:190px;margin:14px}.frame-footer{padding:0 14px 14px}}