/* Network replay: one focused visual grammar for real evidence, no external fonts/assets. */
.replay-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #28566d;background:radial-gradient(ellipse at 95% 0%,#17455a 0%,transparent 55%),linear-gradient(125deg,#111d32,#0b1d2d);border-radius:18px;padding:24px 28px;margin-bottom:20px}
.replay-label{font-size:10px;letter-spacing:.19em;color:#85dbdc;font-weight:800}.replay-banner h2{font-size:clamp(23px,3vw,39px);margin:10px 0 5px;letter-spacing:-.04em;color:#f0f8ff}.replay-banner h2 em{color:#84dce7;font-style:normal}.replay-banner p{margin:0;color:#a9bed0}.replay-stat-pills{display:flex;gap:12px;flex-wrap:wrap}.replay-stat-pills span{padding:12px 16px;min-width:95px;border:1px solid #38637a;border-radius:12px;background:#0d2637;color:#f5fafc;font-size:20px;font-weight:800;text-align:center}.replay-stat-pills small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#90b0c2;display:block;font-weight:600}
.replay-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.86fr);gap:18px;align-items:start}.replay-workspace .panel{margin:0 0 18px;min-width:0}.replay-canvas{overflow:hidden}.replay-canvas .panel-head{gap:10px;flex-wrap:wrap}.replay-graph{width:100%;display:block;border-radius:14px;border:1px solid #25425b;max-height:390px}.replay-data-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.replay-data-strip>div{padding:12px 14px;background:#102437;border:1px solid #2a4054;border-radius:12px;min-width:0}.replay-data-strip small{display:block;font-size:9px;color:#8eafbf;letter-spacing:.13em;margin-bottom:8px}.replay-data-strip b{font-size:23px;color:#ecf7ff}.replay-data-strip .proto-list{font-size:12px;line-height:1.65;overflow-wrap:anywhere;font-weight:600}
.replay-player{padding:16px 18px!important}.replay-controls{display:flex;align-items:center;gap:9px}.replay-controls>button{border:1px solid #426077;border-radius:10px;background:#132e44;color:#e1f4ff;padding:9px 13px;cursor:pointer}.replay-controls .replay-play{border-color:#83deea;background:#a5e9ec;color:#102538;font-weight:850;min-width:96px}.replay-controls>div{margin-left:auto;text-align:right}.replay-controls strong,.replay-controls small{display:block}.replay-controls strong{color:#f7fbff;font-size:12px}.replay-controls small{color:#a9c5d5;font-size:10px}.replay-track{display:flex;align-items:end;gap:3px;height:100px;padding:10px 0 0}.replay-tick{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.replay-tick span{display:block;width:100%;border-radius:4px 4px 2px 2px;background:#2c6381;transition:background .15s}.replay-tick.selected span{background:#90e3ed;box-shadow:0 0 14px #80dbe770}.replay-tick.has-finding span{border-top:4px solid #ffb072}.replay-tick:focus-visible{outline:2px solid #b2faff}.replay-slider{width:100%;accent-color:#a4e9ef;margin:14px 0 3px}.replay-muted,.replay-limits{color:#95adbe;font-size:12px;line-height:1.65}.replay-limits{margin:8px 0 30px}.replay-narrative{border-left:3px solid #8bdce9;padding:10px 12px;background:#163043;color:#d7e9f5;border-radius:0 9px 9px 0;font-size:13px;line-height:1.6}.replay-section-head{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#86bfd2;margin:22px 0 11px}.replay-alert{padding:13px;border-radius:12px;border:1px solid #80624d;background:#382c29;margin-bottom:10px}.replay-alert>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.replay-alert p{line-height:1.6;font-size:12px;color:#e6c9bc}.replay-alert b{font-size:13px;color:#fff}.replay-alert .evidence-list{display:flex;gap:7px;flex-wrap:wrap}.replay-alert button{font-size:11px}.replay-packets{display:grid;gap:7px}.replay-packet{display:flex;flex-direction:column;text-align:left;gap:5px;width:100%;padding:10px 12px;border:1px solid #2f4b5c;border-radius:9px;background:#11273b;cursor:pointer;color:#dfeefa;min-width:0}.replay-packet:hover{background:#193b54;border-color:#77cbdc}.replay-packet span{color:#8cdeea;font-size:10px}.replay-packet strong{font-size:11px;overflow-wrap:anywhere}.replay-packet small{font-size:10px;color:#92afc0}.replay-ask{width:100%;margin-top:19px}.replay-ai-info{border-radius:8px;margin-top:13px;padding:10px;color:#bfd5df;background:#1d3545}.replay-empty{padding:50px;text-align:center}.replay-no-links{display:flex;align-items:center;justify-content:center;min-height:180px;border:1px dashed #557287;border-radius:12px;color:#b9d1de;text-align:center;padding:20px}
@media(max-width:1100px){.replay-workspace{grid-template-columns:1fr}.replay-inspector{width:100%}.replay-banner{flex-wrap:wrap}}
@media(max-width:640px){.replay-banner{padding:18px}.replay-stat-pills span{min-width:78px;padding:9px}.replay-data-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-controls{flex-wrap:wrap}.replay-controls>div{flex:1;min-width:130px}.replay-player{padding:12px!important}}
@media(prefers-reduced-motion:reduce){.replay-tick span{transition:none}}