:root{color-scheme:dark;--bg: #0e1420;--panel: #151e2d;--raised: #192435;--line: #293346;--row-line: #232e40;--text: #e8edf5;--muted: #929fb3;--subtle: #78889f;--accent: #f08197;--blue: #83b3f7;--green: #7dd7b2;--red: #f29b9b;--amber: #ebc57d;--field: #101827;--field-line: #344057;--button: #202b3d;--button-line: #354057;--button-hover: #2b394f;--primary: #d77790;--primary-hover: #f095aa;--popover-line: #425471;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{display:flex;flex-direction:column;height:100dvh;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font:12px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{display:flex;flex-direction:column;width:100%;height:100dvh;min-width:0;min-height:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1{margin:0 0 3px;font-size:23px;font-weight:650;line-height:1.2;letter-spacing:-.8px}h2{margin:0;font-size:19px;letter-spacing:-.3px}button{padding:6px 10px;border:1px solid var(--button-line);border-radius:6px;background:var(--button);color:var(--text);font-size:11px;font-weight:550;white-space:nowrap;cursor:pointer}button:where(:hover){background:var(--button-hover)}button:disabled{opacity:.35;cursor:default}button.primary{border-color:var(--primary);background:var(--primary);color:#160e14}button.primary:hover{background:var(--primary-hover)}label{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--muted);font-size:10px}input:where(:not([type=checkbox],[type=radio])),select{width:100%;min-width:0;height:30px;padding:4px 7px;border:1px solid var(--field-line);border-radius:5px;background:var(--field);color:var(--text);font-size:11px}input::placeholder{color:#6b7a92}input:focus,select:focus{border-color:var(--blue)}input[type=checkbox]{flex-shrink:0;width:14px;height:14px;accent-color:var(--accent)}summary{cursor:pointer}pre{max-height:350px;margin:0;padding:12px;overflow:auto;border-top:1px solid var(--line);color:#b7c9e1;font:10px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.mono{font-family:var(--mono);font-size:11px}.secondary-text{display:block;margin-top:2px;color:var(--subtle);font-size:10px}.muted-note{margin:8px 0;color:var(--muted);font-size:11px;line-height:1.6}.copy-status{color:var(--green);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{display:flex;flex-shrink:0;align-items:center;gap:30px;height:46px;min-height:46px;padding:0 16px;border-bottom:1px solid var(--line);background:#121a28}.brand{color:var(--accent);font-size:16px;font-weight:750;letter-spacing:-.6px}.brand span{margin-left:7px;color:var(--muted);font-size:12px;font-weight:450;letter-spacing:0}.topbar nav{display:flex;align-self:stretch;gap:26px}.topbar nav a{display:flex;align-items:center;border-bottom:2px solid transparent;color:var(--muted);font-weight:550;white-space:nowrap}.topbar nav a[aria-current]{border-color:var(--accent);color:var(--text)}.top-note{margin-left:auto;color:#75849c;font-size:10px;letter-spacing:1.8px}.app-page{display:flex;flex:1;flex-direction:column;min-height:0}.app-page main{display:flex;flex:1;flex-direction:column;width:100%;min-width:0;min-height:0;padding:12px 16px 8px;overflow:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.subtitle{margin:0;color:var(--muted);font-size:11px}.live-controls{display:flex;align-items:center;gap:8px}.live-status{margin-right:10px;color:var(--green);font-size:12px}.live-status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:currentColor}.live-status.paused{color:var(--amber)}.notice{flex-shrink:0;margin-bottom:8px;padding:7px 10px;border:1px solid #6b434b;border-radius:8px;background:#35272b;color:#ffc4c4;font-size:11px}.login-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;background:var(--bg);color:var(--muted)}.login-box{display:flex;flex-direction:column;gap:12px;width:340px;max-width:100%;padding:24px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.login-box h1{margin:0 0 4px}.login-box .brand{font-size:21px}.login-box .brand span{font-size:14px}.login-box button{margin-top:4px}.login-box [role=alert]{margin:0;color:var(--red);font-size:11px}.reauth{flex-shrink:0;max-height:260px;margin-bottom:10px;overflow:auto}.reauth .login-box{width:100%;padding:12px}.reauth h1{font-size:15px}.app-error{padding:30px}.modal{inset:0;margin:auto;padding:0;overflow:hidden;border:1px solid var(--popover-line);border-radius:8px;background:#121b2c;color:var(--text);box-shadow:0 25px 80px #0006}.modal[open]{display:flex;flex-direction:column}.modal::backdrop{background:#050910cc}.modal-heading{display:flex;flex-shrink:0;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--raised)}.modal-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.modal-heading button{flex-shrink:0}.modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.modal-content{flex:1;min-height:0;padding:12px 16px 16px;overflow:auto}@media(max-width:1100px){.top-note{display:none}.page-heading{flex-wrap:wrap;gap:8px}.live-status{margin-right:2px;font-size:10px}}@media(max-width:900px){.page-heading{align-items:flex-start}.live-controls{flex-wrap:wrap;justify-content:end}.live-status{width:100%;text-align:right}}@media(max-width:700px){.topbar{gap:12px;padding:0 10px}.topbar nav{gap:12px}.topbar nav a{font-size:10px}.topbar .brand{font-size:14px}.topbar .brand span{display:none}.app-page main{padding:10px}.live-controls{gap:6px}.live-status{flex-basis:100%;margin-bottom:4px}}@media(max-width:560px){.page-heading{flex-direction:column}.live-controls{justify-content:start}.live-status{width:auto;text-align:left}}@media(max-width:400px){.topbar{flex-wrap:wrap;height:auto;min-height:66px;gap:4px;padding:7px 10px}.topbar nav{width:100%;height:24px;gap:14px}}.log-workspace{display:grid;flex:1;grid-template-columns:minmax(0,1fr);min-height:0}.log-workspace.inspecting{grid-template-columns:repeat(2,minmax(0,1fr))}.data-scope{position:relative;display:flex;flex-shrink:0;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-bottom:9px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:#141e2d;color:var(--muted);font-size:10px}.data-scope>strong{color:var(--blue);font-size:11px}.coverage-details[open]{flex-basis:100%}.coverage-details>summary{color:#b8c6db;font-size:10px}.coverage-details p{max-width:1000px;margin:5px 0;line-height:1.6}.metrics{display:grid;flex-shrink:0;grid-template-columns:repeat(4,1fr);margin-bottom:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.metrics>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:7px 12px;border-right:1px solid var(--line)}.metrics span{display:block;color:var(--muted);font-size:10px}.metrics strong{display:block;margin:0;font-size:20px;font-weight:550;line-height:1.2;font-variant-numeric:tabular-nums}.panel,.activity-panel{border:1px solid var(--line);border-radius:9px;background:var(--panel)}.activity-panel{display:flex;flex:1;flex-direction:column;min-width:0;min-height:290px}.panel-top{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:18px}.tabs>button,.tabs>a{padding:9px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);font-size:11px;font-weight:550;white-space:nowrap}.tabs>[aria-pressed=true],.tabs>[aria-current=page]{border-color:var(--accent);color:var(--text)}.table-tools{display:flex;align-items:center;gap:12px}.timezone{color:var(--muted);font-size:10px}.filters{flex-shrink:0;padding:9px 12px;border-bottom:1px solid var(--line)}.filter-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:8px}.filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.filter-actions{display:flex;align-items:end;gap:8px;margin-left:auto}.filter-actions button{height:28px;padding:4px 9px}.filter-disclosure{position:relative}.filter-disclosure>summary{padding:4px 9px;border:1px solid var(--button-line);border-radius:5px;color:#c2cfe1;font-size:11px}.filter-disclosure[open]>summary{border-color:var(--blue)}.filter-popover,.column-popover{position:absolute;top:33px;left:0;z-index:8;width:360px;max-width:calc(100vw - 44px);max-height:60dvh;padding:12px;overflow:auto;border:1px solid var(--popover-line);border-radius:7px;background:var(--raised);box-shadow:0 12px 30px #0007}.filter-popover{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-range{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:8px;max-width:580px}.multi-field{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--muted);font-size:10px}.multi-select{position:relative;min-width:0}.multi-select>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;padding:4px 7px;border:1px solid var(--field-line);border-radius:5px;background:var(--field);color:var(--text);font-size:11px;list-style:none}.multi-select>summary::-webkit-details-marker{display:none}.multi-select[open]>summary{border-color:var(--blue)}.multi-popover{position:absolute;top:41px;left:0;z-index:5;width:max(100%,330px);max-width:calc(100vw - 60px);padding:10px;border:1px solid var(--popover-line);border-radius:7px;background:var(--raised);box-shadow:0 12px 30px #0007}.multi-options{max-height:230px;overflow:auto}.multi-options label{flex-direction:row;align-items:flex-start;gap:9px;padding:8px 6px;border-radius:4px;color:var(--text);overflow-wrap:anywhere;cursor:pointer}.multi-options label:hover{background:#25354d}.multi-options input{margin:1px 0 0}.multi-popover p{margin:7px 0 0;color:var(--muted);font-size:10px}@media(min-width:701px){.metrics>div:last-child{border-right:0}}@media(max-width:1100px){.metrics>div{padding:6px 8px}.metrics strong{font-size:17px}.metrics span{font-size:9px}.timezone{display:none}.filter-row{grid-template-columns:1fr 1fr}.filter-actions{margin-left:0}}@media(max-width:700px){.log-workspace.inspecting{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(250px,45%) minmax(0,55%)}.data-scope>span{font-size:9px}.metrics{grid-template-columns:repeat(2,1fr)}.activity-panel{min-height:450px}.filter-popover{position:fixed;top:180px;right:12px;left:12px;width:auto;max-width:none;max-height:calc(100dvh - 200px)}.multi-popover{position:fixed;top:160px;right:12px;left:12px;width:auto;max-width:none}.multi-options{max-height:35dvh}}@media(max-width:560px){.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}.table-note{display:flex;flex-shrink:0;justify-content:space-between;gap:15px;min-height:28px;padding:6px 12px;background:#131c2a;color:var(--muted);font-size:10px}.table-note button{padding:2px 8px}.table-scroll{flex:1;min-height:170px;overflow:auto;overscroll-behavior:contain}table{width:var(--table-width);min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px;text-align:left}thead{position:sticky;top:0;z-index:1;background:#192335}th{position:relative;padding:8px 10px;border-bottom:1px solid var(--line);color:#9daabe;font-size:10px;font-weight:500;vertical-align:top;user-select:none}td{height:64px;padding:8px 10px;overflow:hidden;border-bottom:1px solid var(--row-line);font-size:11px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}td .secondary-text{max-width:100%;overflow:hidden;text-overflow:ellipsis}tbody tr{cursor:pointer}tbody tr:hover{background:#202d42}tbody tr.selected{background:#283b55;box-shadow:inset 3px 0 var(--accent)}tbody tr:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.column-heading{display:flex;align-items:center;gap:5px;min-height:24px;padding-right:5px}.column-label{flex:1;min-width:0;cursor:grab}.column-info{width:17px;min-width:17px;height:17px;padding:0;border-color:#52667e;border-radius:50%;background:none;color:var(--blue);font-size:10px}.resize-handle{position:absolute;top:0;right:0;bottom:0;width:7px;padding:0;border:0;border-right:1px solid #415069;border-radius:0;background:transparent;cursor:col-resize;touch-action:none}.resize-handle:hover,.resize-handle:focus-visible{background:var(--blue)}.column-help{position:fixed;inset:auto;z-index:30;max-width:min(330px,90vw);margin:0;padding:12px;border:1px solid #526783;border-radius:6px;background:#23334b;color:var(--text);font-size:12px;line-height:1.6;box-shadow:0 9px 30px #0008}.column-help strong{display:block;margin-bottom:4px;color:var(--blue)}.column-help::backdrop{background:transparent}.column-popover{right:0;left:auto;width:390px}.column-popover>p{margin-top:0;color:var(--muted);font-size:11px}.column-option{display:grid;grid-template-columns:minmax(0,1fr) 63px 28px 28px;align-items:center;gap:6px;margin:6px 0}.column-option>span{font-size:11px}.column-option>label{flex-direction:row;align-items:center;gap:7px;color:var(--text);font-size:11px}.column-option>button{padding:4px}.column-actions{display:flex;gap:8px;margin-top:12px}#columnStatus{display:block;margin-top:8px;color:var(--muted);font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:600}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.received{border-color:#304d6d;background:#233b58;color:var(--blue)}.badge.accepted{border-color:#235246;background:#183b34;color:var(--green)}.badge.sending,.badge.unconfirmed{border-color:#55472b;background:#3a3323;color:var(--amber)}.badge.failed,.badge.rejected{border-color:#5d353d;background:#3e282d;color:var(--red)}.timing-value{display:inline-flex;align-items:center;gap:4px;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums}.timing-value:before{content:"\25cf";font-size:7px}.timing-value.green{color:var(--green)}.timing-value.amber{color:var(--amber)}.timing-value.red{color:var(--red)}.timing-value.skew{color:#c6a8ff}.timing-value.skew:before{content:"\2194";font-size:11px}.timing-value.unknown{color:var(--muted)}.timing-value.unknown:before{content:"\2013"}td>.timing-value{display:table;margin-top:3px}.pagination{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:7px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.pagination>div{display:flex;gap:8px}.empty-state{display:flex;flex-direction:column;flex-shrink:0;align-items:center;justify-content:center;min-height:230px;padding:12px;color:var(--muted);text-align:center}.empty-state strong{color:#c7d0df;font-weight:550}.empty-state p{max-width:420px;margin:7px 0;font-size:12px}@media(max-width:1100px){.table-note>span:last-child{display:none}}@media(max-width:700px){.column-popover{position:fixed;top:110px;right:12px;left:12px;width:auto;max-height:calc(100dvh - 140px)}.column-option{grid-template-columns:minmax(0,1fr) 60px 28px 28px}}.inspector{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-left:1px solid #3c4961;background:#141e2d;color:var(--text);container-type:inline-size}.drawer-header{position:sticky;top:0;z-index:2;display:flex;flex-shrink:0;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--raised)}.drawer-header>div{min-width:0}.drawer-header>button{flex-shrink:0}.drawer-header .eyebrow{margin:0 0 3px;color:var(--accent);font-size:9px;font-weight:650;letter-spacing:1.7px}.drawer-actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 16px;border-bottom:1px solid var(--line)}.drawer-actions button{font-size:10px}.inspector-content{flex:1;min-height:0;padding:12px 16px 30px;overflow:auto}.request-columns{display:grid;gap:16px;min-width:0}.request-column{min-width:0;overflow-wrap:anywhere}.request-column:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.request-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 12px}.request-meta dt{margin-bottom:3px;color:var(--muted);font-size:10px}.request-meta dd{margin:0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.receipt-times{margin:0 0 14px;padding:12px;border:1px solid #425774;border-radius:7px;background:#19283c}.receipt-times h3{margin:0 0 9px;font-size:12px}.journey-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px}.journey-timeline{margin:12px 0;padding:0 0 0 15px;border-left:1px solid #4a5d77;list-style:none}.journey-timeline li{position:relative;padding:0 0 15px 9px}.journey-timeline li:last-child{padding-bottom:0}.journey-timeline li:before{content:"";position:absolute;top:5px;left:-19px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.journey-step-title{display:block;margin-bottom:3px;color:var(--muted);font-size:10px}.journey-step-time{font-size:11px;overflow-wrap:anywhere}.journey-timeline .timing-value{display:flex;width:fit-content;margin-top:4px;font-size:11px}.step-totals{display:flex;flex-direction:column;gap:2px;margin-top:5px;padding-top:5px;border-top:1px solid #26364c}.step-totals .timing-value{margin:0;font-size:10px}.summary-box{margin-bottom:12px;padding:9px 11px;border:1px solid #35445b;border-radius:6px;color:#cfdaeb;font-size:11px}.summary-box small{display:block;margin-top:4px;color:var(--muted)}.delivery-card{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#111b2a}.delivery-card.selected-delivery{border-color:var(--accent)}.delivery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.delivery-head .badge{flex-shrink:0}.delivery-name{min-width:0;font-size:12px;font-weight:550;overflow-wrap:anywhere}.delivery-location{margin-top:4px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.field-json{margin:10px 0;border:1px solid #2d3b51;border-radius:5px;background:#0e1725}.field-json>summary{padding:9px 12px;color:#c2cfe1;font-size:11px}.payload-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 11px;border-top:1px solid var(--line)}@container (min-width: 600px){.inspector-content{padding:12px 12px 0;overflow:hidden}.request-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:100%}.request-column{min-height:0;padding:0 4px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.request-column+.request-column{padding-left:12px;border-left:1px solid var(--line)}}@media(max-width:700px){.inspector{border-top:1px solid #52647c;border-left:0}}@media(max-width:560px){.request-meta{grid-template-columns:1fr}}.parser-simulator{min-width:0}.parser-simulator code{padding:1px 6px;border:1px solid #2d3b51;border-radius:4px;background:#0e1725;color:#b7c9e1;font:11px var(--mono);overflow-wrap:anywhere}.parser-simulator .sim-text-button{padding:0 2px;border:0;background:none;color:var(--blue);font-size:11px}.parser-simulator .sim-text-button:hover{text-decoration:underline}.sim-toolbar{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.sim-setup{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:8px 12px}.sim-example-description{grid-column:1 / -1;margin:0;color:var(--muted);font-size:11px}.sim-route-note{grid-column:1 / -1;margin:0;padding:6px 10px;border:1px solid #425774;border-radius:7px;background:#19283c;color:var(--blue);font-size:11px;overflow-wrap:anywhere}.sim-context{display:flex;flex-wrap:wrap;gap:6px 24px;margin:10px 0 0;padding:9px 0 0;border-top:1px solid var(--line)}.sim-context>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0}.sim-context dt{color:var(--muted);font-size:10px}.sim-context dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin:0;font-size:11px;overflow-wrap:anywhere}.sim-context-note{color:var(--muted)}.sim-context-error{color:var(--red)}.sim-event:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--muted);vertical-align:middle}.sim-event.ready:before{background:var(--green)}.sim-event.loading:before{background:var(--amber)}.sim-event.error:before{background:var(--red)}.sim-event.error{color:var(--red)}.sim-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;min-width:0;margin-top:12px}.sim-panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.sim-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 12px;border-bottom:1px solid var(--line)}.sim-panel-heading>label,.sim-panel-heading>strong{color:var(--text);font-size:12px;font-weight:700;white-space:nowrap}.sim-panel-heading>span{min-width:0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sim-json-editor{display:block;width:100%;height:380px;min-height:200px;margin:0;padding:12px;border:0;border-radius:0;outline:0;background:var(--field);color:var(--text);font:12px/1.6 var(--mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical}.sim-json-editor::placeholder{color:#6b7a92}.sim-json-editor:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.sim-json-editor[readonly]{background:#131c2a}.sim-fields-panel{margin-top:12px}.sim-packet-fields{min-width:0}.sim-packet-fields>summary{padding:10px 12px;color:var(--text);font-size:12px;font-weight:600}.sim-packet-fields>summary>span{margin-left:10px;color:var(--muted);font-size:10px;font-weight:400}.sim-field-groups{max-height:290px;padding:0 12px 12px;overflow-y:auto}.sim-field-group{min-width:0;margin:0;padding:8px 0 0;border:0}.sim-field-group+.sim-field-group{margin-top:12px;border-top:1px solid var(--line)}.sim-field-group legend{padding:0 6px 0 0;color:var(--text);font-size:11px;font-weight:600}.sim-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:7px 10px}.sim-packet-field.wide{grid-column:1 / -1}.sim-packet-field>span{overflow-wrap:anywhere}.sim-packet-field input,.sim-packet-field select,.sim-packet-field textarea{width:100%;min-width:0;font:11px/1.5 var(--mono)}.sim-packet-field textarea{min-height:48px;padding:5px 7px;border:1px solid var(--field-line);border-radius:5px;outline-offset:2px;background:var(--field);color:var(--text);overflow-wrap:anywhere;resize:vertical}.sim-packet-field [aria-invalid=true]{border-color:var(--amber)}.sim-packet-field .sim-field-error{color:var(--amber)}.sim-field-hint{margin:0;color:var(--muted);font-size:11px}.sim-validation-state{color:var(--muted);font-size:10px}.sim-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--line)}.sim-actions-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}.sim-note{margin:0 12px 10px;padding:7px 10px;border:1px solid;border-radius:8px;font-size:11px;overflow-wrap:anywhere}.sim-note.warning{border-color:#55472b;background:#3a3323;color:var(--amber)}.sim-note.danger{border-color:#6b434b;background:#35272b;color:#ffc4c4}.sim-footnote{margin:0;padding:0 12px 12px;color:#7c8ba0;font-size:11px;line-height:1.6}.sim-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:25px;color:var(--muted);text-align:center}.sim-state strong{color:#c7d0df;font-weight:550}.sim-state p{max-width:420px;margin:7px 0;font-size:12px}.sim-parser-notice{margin:0 12px 12px;padding:12px 14px;border:1px solid;border-left-width:4px;border-radius:7px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.sim-parser-notice.success{border-color:#235246;background:#183b34;color:var(--green)}.sim-parser-notice.warning{border-color:#b68a36;background:#3a3323;color:#ffdb94}.sim-parser-notice.danger{border-color:#c0646c;background:#35272b;color:#ffc4c4}.sim-parser-notice>strong{display:block;font-size:13px;font-weight:700}.sim-parser-notice p{margin:5px 0 0}.sim-frame-diagnostic strong,.sim-frame-diagnostic span{display:block}.sim-frame-diagnostic strong{font-size:11px;font-weight:600}.sim-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.sim-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.sim-badge.success{border-color:#235246;background:#183b34;color:var(--green)}.sim-badge.warning{border-color:#55472b;background:#3a3323;color:var(--amber)}.sim-badge.danger{border-color:#5d353d;background:#3e282d;color:var(--red)}.sim-subhead{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sim-quiet{margin:0;padding:10px 12px;color:var(--muted);font-size:11px}.sim-parser-output pre{min-height:380px;max-height:min(700px,70vh);margin:0;padding:12px;overflow:auto;border-top:1px solid var(--line);background:var(--field);color:var(--text);font:12px/1.6 var(--mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere}.sim-parser-output pre:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.sim-raw{margin:10px 12px 12px}.sim-raw pre{max-height:420px}.sim-raw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 11px;border-top:1px solid var(--line)}.sim-raw-actions button{padding:3px 8px;font-size:10px}.sim-send-result{display:grid;gap:6px;min-width:0;margin:0 12px 12px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#111b2a}.sim-send-result>p{margin:0;color:var(--muted);overflow-wrap:anywhere}.sim-send-result .sim-subhead strong{font-weight:600}.sim-send-result ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.sim-send-result li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;overflow-wrap:anywhere}.sim-send-response{flex-basis:100%;color:var(--muted);font:11px var(--mono)}.sim-send-result .sim-quiet{padding:0}.sim-send-result .sim-raw{margin:0}.simulator-dialog{width:min(1280px,94vw);max-width:94vw;height:min(880px,92dvh);max-height:92dvh}@media(max-width:900px){.sim-setup,.sim-columns{grid-template-columns:minmax(0,1fr)}.sim-json-editor{height:300px}.sim-state{min-height:200px}.sim-parser-output pre{min-height:300px;max-height:450px}.simulator-dialog{height:94dvh;max-height:94dvh}}@media(max-width:560px){.sim-toolbar{padding:10px}.sim-context{flex-direction:column;gap:6px}.sim-actions-secondary{margin-left:0}.sim-field-grid{grid-template-columns:minmax(0,1fr)}.sim-packet-fields>summary>span{display:block;margin:4px 0 0 15px}.simulator-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.simulator-dialog .modal-heading{padding:12px}.simulator-dialog .modal-content{padding:10px}}.live-page .follow-toggle{flex-direction:row;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--button-line);border-radius:6px;background:var(--button);color:var(--text);font-size:11px;font-weight:550;white-space:nowrap;cursor:pointer}.live-page .follow-toggle:hover{background:var(--button-hover)}.live-page .follow-toggle input{margin:0}.live-page .live-split{display:grid;flex:1;grid-template-columns:minmax(260px,32%) minmax(0,1fr);min-height:0}.live-page .route-pane,.live-page .event-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.live-page .route-pane{border-right:1px solid var(--line)}.live-page .pane-head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 12px;border-bottom:1px solid var(--line);background:#131c2a}.live-page .pane-head>div{min-width:0}.live-page .pane-title,.live-page .pane-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-page .pane-title{font-size:12px;font-weight:600}.live-page .pane-sub{margin-top:2px;color:var(--subtle);font:10px var(--mono)}.live-page .pane-count,.live-page .event-stats span,.live-page .route-count{padding:2px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.live-page .event-stats{display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px}.live-page .route-list,.live-page .event-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.live-page .empty-state{min-height:100%}.live-page .route-section{position:sticky;top:0;z-index:1;padding:5px 12px;border-bottom:1px solid var(--line);background:#192335;font-size:10px;font-weight:600;letter-spacing:.65px}.live-page .route-section.prod{color:var(--green)}.live-page .route-section.dev{color:var(--amber)}.live-page .route-row{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;border-bottom:1px solid var(--row-line);border-radius:0;background:none;font-weight:400;text-align:left;white-space:normal}.live-page .route-row:hover{background:#202d42}.live-page .route-row.active{background:#283b55;box-shadow:inset 3px 0 var(--accent)}.live-page .route-dot{width:7px;height:7px;border-radius:50%}.live-page .route-dot.ok{background:var(--green)}.live-page .route-dot.fail{background:var(--red)}.live-page .route-text{min-width:0}.live-page .route-title,.live-page .route-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-page .route-title{font-size:11px;font-weight:600}.live-page .route-sub{margin-top:2px;color:var(--subtle);font:10px var(--mono)}.live-page .route-count{min-width:28px;text-align:center}.live-page .event-list{padding:10px 12px}.live-page .event-card{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#111b2a}.live-page .event-card+.event-card{margin-top:10px}.live-page .event-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.live-page .event-name{color:var(--muted);font-size:11px}.live-page .event-json{margin:8px 0 0}.live-page .event-json>summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-page .event-json-label{display:inline-block;min-width:62px;margin-left:4px;font-weight:600}.live-page .event-json-preview{color:var(--subtle);font:10px var(--mono)}.live-page .json-modal{width:min(1100px,92vw);height:90dvh}.live-page .json-modal pre{max-height:none;border-top:0;font-size:12px}@media(max-width:700px){.live-page .activity-panel{min-height:600px}.live-page .live-split{grid-template-columns:minmax(0,1fr);grid-template-rows:170px minmax(300px,1fr)}.live-page .route-pane{border-right:0;border-bottom:1px solid var(--line)}.live-page .json-modal{width:95vw}}.raw-page .timing-popover{display:block}.raw-page .timing-popover>strong{font-size:11px}.raw-page .proxy-time-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.raw-page .proxy-time-filter>label:first-child{grid-column:1 / -1}.raw-page .duration-filter{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.raw-page .duration-filter strong{font-size:11px;font-weight:550}.raw-page .duration-filter small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.raw-page .footnote{flex-shrink:0;margin:7px 0 0;color:#7c8ba0;font-size:10px;line-height:1.6}@media(min-width:701px){.raw-page .timing-popover{width:550px}}@media(max-width:700px){.raw-page .duration-filter{grid-template-columns:1fr 1fr}.raw-page .duration-filter>div{grid-column:1 / -1}.raw-page .footnote{display:none}}.records-page .panel-top>strong{padding:10px 0;font-size:12px}.records-page .table-tools{flex-wrap:wrap;justify-content:flex-end;gap:10px}.records-page .record-filter-controls{align-items:end}.records-page .record-filter-controls>.multi-field{flex:1 1 160px;min-width:0}.records-page .record-filter-controls>.filter-disclosure{margin-bottom:2px}.records-page .record-filter-controls>.filter-disclosure>summary{white-space:nowrap}.records-page .record-filter-controls>.filter-actions{margin-left:0}.records-page .export-status{flex-shrink:0;padding:4px 12px;color:var(--muted);font-size:10px}.records-page .export-status:empty{display:none}.records-page .record-table td{height:55px}.records-page .cell-action{display:block;max-width:100%;padding:0;overflow:hidden;border:0;background:none;color:var(--blue);font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.records-page .cell-action:hover{text-decoration:underline}.records-page .missing{color:#8494ab}.records-page .record-note{display:block;overflow:hidden;color:var(--amber);font-size:10px;text-overflow:ellipsis}.records-page .packet-badge{padding:3px 7px;border-radius:4px;background:#23334c;color:#9fbded;font-size:10px}.records-page .packet-badge.Flow{background:#183b34;color:var(--green)}.records-page .packet-badge.Count{background:#3a3323;color:var(--amber)}.records-page .packet-badge.Unknown{background:#3e282d;color:var(--red)}@media(min-width:701px){.records-page .column-popover{width:470px}}@media(max-width:1100px){.records-page .panel-top{flex-wrap:wrap;gap:8px}}@media(max-width:700px){.records-page .record-filter-controls>.multi-field{flex-basis:140px}.records-page .table-tools{gap:6px}}.whitelists-page .whitelist-form{display:flex;flex-direction:column;gap:10px;padding:12px}.whitelists-page textarea{display:block;width:100%;min-height:150px;padding:10px 12px;border:1px solid var(--field-line);border-radius:5px;background:var(--field);color:var(--text);font:12px/1.6 var(--mono);resize:vertical}.whitelists-page textarea:focus{border-color:var(--blue)}.whitelists-page textarea:disabled{opacity:.6}.whitelists-page .whitelist-actions{display:flex;align-items:center;gap:12px}.whitelists-page .whitelist-actions p{margin:0;color:var(--muted);font-size:11px}