.hero-replay{border:1px solid var(--color-fog);background:var(--color-cloud);border-radius:0;height:560px;position:relative;overflow:hidden}.hero-replay :not(.spinner,.replay-dot,.meter-dot,.term-dot,.gnode-dot,.gnode-inet-dot,.pulse,.pstep-idx,.prim-risk>i,.switch .knob){border-radius:0}@media (min-width:640px){.hero-replay{height:680px}}.hero-replay .app{height:100%;min-height:0}.hero-replay .app.no-rail{grid-template-columns:1fr}.hero-replay .rail{height:100%;position:relative}.hero-replay .app>main{height:100%;padding:16px 20px 40px;overflow-y:auto}.hero-replay .drawer{height:100%;position:absolute;overflow:hidden}.hero-replay .drawer-head,.hero-replay .drawer-nav{flex:none}.hero-replay .drawer-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.hero-replay .drawer-body>*{flex:none}.hero-replay .drawer .console{background:var(--surface-2);border:1px solid var(--border);max-height:260px;color:var(--text)}.hero-replay .drawer .console .c-cmd{color:var(--qz-purple)}.hero-replay .drawer .console .c-crit{color:var(--danger)}.hero-replay .drawer .console .c-ok{color:var(--safe)}.hero-replay .drawer .console .c-warn{color:var(--warn)}.hero-replay .drawer .console .c-dim{color:var(--text-3)}.hero-replay .drawer .console .c-observer{color:var(--text-2)}.hero-replay .drawer .console .c-planner{color:var(--qz-purple)}@media (min-width:901px){.hero-replay .app:has(.drawer.open){grid-template-rows:minmax(0,1fr)}.hero-replay .app.no-rail:has(.drawer.open){grid-template-columns:minmax(0,1fr) 380px}.hero-replay.grid .app.no-rail:has(.dash-grid:not(.focused)):has(.drawer.open){grid-template-columns:minmax(0,1fr) clamp(380px,44%,600px)}.hero-replay.grid .app:has(.drawer.open) .dash-grid:not(.focused){grid-template-columns:minmax(0,1fr)}:is(.hero-replay.grid .app:has(.drawer.open) .dash-grid:not(.focused)>.dash-cell-logs,.hero-replay.grid .app:has(.drawer.open) .dash-grid:not(.focused)>.dash-cell-impact){display:none}.hero-replay .app:not(.no-rail):has(.drawer.open){grid-template-columns:248px minmax(0,1fr) 380px}.hero-replay .app.rail-collapsed:not(.no-rail):has(.drawer.open){grid-template-columns:58px minmax(0,1fr) 380px}.hero-replay .app:has(.drawer.open) .drawer{width:auto;height:100%;min-height:0;box-shadow:none;border-left:1px solid var(--border);transition:none;position:relative;top:auto;right:auto;transform:none}}@media (min-width:1400px){.hero-replay .app.no-rail:has(.drawer.open){grid-template-columns:minmax(0,1fr) 420px}}@media (max-width:900px){.hero-replay .drawer{border-left:0;border-top:1px solid var(--border-2);z-index:60;width:100%;height:min(50vh,480px);position:fixed;inset:auto 0 0;transform:translateY(103%);box-shadow:0 -12px 32px -16px #0a0a0c59}.hero-replay .drawer.open{transform:none}.hero-replay .drawer:before{content:"";background:var(--border-2);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:6px;left:50%}.hero-replay .drawer-head{padding-top:22px}}.hero-replay .replay-bar{border:0;border-bottom:1px solid var(--border);background:0 0;flex-wrap:nowrap;gap:6px;margin-bottom:12px;padding:0 0 10px}.hero-replay .replay-subject{margin-right:6px;font-size:12px}.hero-replay .replay-btn{width:26px;min-width:26px;height:26px;color:var(--text-2);background:0 0;border-color:#0000;padding:0}.hero-replay .replay-btn:hover{background:var(--surface-2);color:var(--text)}.hero-replay .replay-btn.on{background:var(--qz-ink);color:var(--qz-white)}.hero-replay .replay-btn.on:hover{background:var(--qz-steel)}.hero-replay .replay-scrub{min-width:80px;height:22px;margin:0 8px;background-size:100% 2px!important}.hero-replay .replay-scrub::-webkit-slider-thumb{background:var(--qz-ink);width:8px;height:14px;margin-top:-6px}.hero-replay .replay-scrub::-moz-range-thumb{background:var(--qz-ink);width:8px;height:14px}.hero-replay .replay-clock{color:var(--text-3);font-size:11px}.hero-replay .replay-speed{width:auto;min-width:0;color:var(--text-2);padding:0 6px;font-size:11px}@media (max-width:640px){.hero-replay .replay-bar{flex-wrap:wrap;row-gap:8px}.hero-replay .replay-scrub{flex:100%;order:10;margin:0}.hero-replay .replay-clock{margin-left:auto}}.hero-replay-empty{justify-content:center;align-items:center;height:100%;display:flex}@media (max-width:900px){.hero-replay .rail{display:none}.hero-replay .app>main{padding:12px 12px 32px}}.hero-replay.tabs .app>main,.hero-replay.grid .app>main{flex-direction:column;padding:14px 18px;display:flex;overflow:hidden}.hero-replay.tabs .replay-bar,.hero-replay.grid .replay-bar{flex:none}.hero-replay.tabs .view,.hero-replay.grid .view,.dash-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.dash-tabs-bar{flex-wrap:wrap;flex:none;align-items:center;row-gap:6px;margin:0 0 12px;display:flex}@media (max-width:640px){.dash-tabs-status{display:none}}.dash-tabs-bar .fg-mode{align-items:center;gap:7px;display:inline-flex}.dash-tab-count{color:inherit;background:#ffffff2e;border-radius:999px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.dash-tabs-bar .fg-mode:not(.on) .dash-tab-count{background:var(--surface-2);color:var(--text-2)}.dash-tabs-status{margin-left:auto}.dash-pane{flex-direction:column;flex:1;min-height:0;display:flex}.dash-pane-scroll{overflow-y:auto}.dash-pane-scroll>*,.dash-pane-terminal .kpis,.dash-pane-terminal .meter{flex:none}.dash-pane-terminal .term{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.dash-pane-terminal .term-body{flex:1;min-height:0;max-height:none;overflow-y:auto}.dash-fill{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.dash-fill>.panel-head{flex:none}.dash-fill .graph-pad,.dash-fill .fg-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.dash-fill .fg-host{aspect-ratio:auto;flex:1;min-height:0}.dash-fill .cbom{flex:1;min-height:0;max-height:none;overflow:auto}.hero-replay.grid{height:720px}@media (min-width:640px){.hero-replay.grid{height:800px}}.hero-replay.grid .app>main{padding:14px}.dash-grid{flex:1;grid-template-rows:1.15fr 1fr;grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}.dash-cell-topology{order:1}.dash-cell-logs{order:2}.dash-cell-cbom{order:3}.dash-cell-impact{order:4}.dash-cell{flex-direction:column;min-width:0;min-height:0;margin:0;display:flex;position:relative}.dash-cell>.panel-head{flex-wrap:wrap;flex:none;row-gap:6px}.dash-grid:not(.focused) .dash-cell .panel-head,.dash-grid:not(.focused) .dash-cell-logs .meter{cursor:zoom-in}.dash-grid:not(.focused) .dash-cell .panel-head{padding-right:44px}.dash-expand{z-index:3;border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-2);cursor:pointer;opacity:0;justify-content:center;align-items:center;transition:opacity .15s,color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.dash-expand svg{width:13px;height:13px}.dash-cell:hover .dash-expand,.dash-expand:focus-visible{opacity:1}.dash-expand:hover{color:var(--text);background:var(--surface-2)}@media (hover:none){.dash-expand{opacity:1}}.dash-grid.focused{flex-direction:column;gap:0;display:flex}.dash-grid.focused>.dash-cell{display:none}.dash-grid.focused>.dash-cell.is-focus{flex:1;min-height:0;display:flex}.dash-focus-bar{flex-wrap:wrap;flex:none;align-items:center;row-gap:6px;margin:0 0 10px;display:flex}.dash-focus-bar .fg-modes{margin:0}.dash-focus-bar .fg-mode{align-items:center;gap:7px;display:inline-flex}.dash-back{border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-family:var(--q-font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;align-items:center;gap:6px;margin-left:auto;padding:5px 10px;font-size:.6875rem;display:inline-flex}.dash-back svg{width:12px;height:12px}.dash-back:hover{color:var(--text);background:var(--surface-2)}@media (min-width:901px){.dash-grid.focused .dash-cell-cbom .cbom th:nth-child(3),.dash-grid.focused .dash-cell-cbom .cbom td:nth-child(3),.dash-grid.focused .dash-cell-cbom .cbom th:nth-child(4),.dash-grid.focused .dash-cell-cbom .cbom td:nth-child(4),.dash-grid.focused .dash-cell-cbom .cbom th:nth-child(6),.dash-grid.focused .dash-cell-cbom .cbom td:nth-child(6){display:table-cell}.dash-grid.focused .dash-cell-impact .mig-note{display:block}}.dash-cell .term-body,.dash-cell .cbom,.dash-cell .mig-body,.dash-cell .mig-empty{scrollbar-width:none}.dash-cell .term-body::-webkit-scrollbar{display:none}.dash-cell .cbom::-webkit-scrollbar{display:none}.dash-cell .mig-body::-webkit-scrollbar{display:none}.dash-cell .mig-empty::-webkit-scrollbar{display:none}.dash-cell-logs .meter{flex:none;padding-right:40px}.dash-cell-logs .term{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.dash-cell-logs .term-body{flex:1;min-height:0;max-height:none;overflow-y:auto}.dash-cell-topology .graph-pad,.dash-cell-topology .fg-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.dash-cell-topology .fg-host{aspect-ratio:auto;flex:1;min-height:0}.dash-cell-topology .fg-inv{display:none}.dash-cell-cbom .cbom{flex:1;min-height:0;max-height:none;overflow:auto}.dash-cell-cbom .cbom th:nth-child(3),.dash-cell-cbom .cbom td:nth-child(3),.dash-cell-cbom .cbom th:nth-child(4),.dash-cell-cbom .cbom td:nth-child(4),.dash-cell-cbom .cbom th:nth-child(6),.dash-cell-cbom .cbom td:nth-child(6){display:none}.dash-cell-impact>.mig-panel{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.dash-cell-impact .panel-head{flex:none}.dash-cell-impact .mig-body,.dash-cell-impact .mig-empty{flex:1;min-height:0;overflow-y:auto}.dash-cell-impact .mig-note{display:none}@media (max-width:900px){.hero-replay.grid,.hero-replay.grid .app,.hero-replay.grid .app>main{height:auto}.hero-replay.grid .app>main{padding:12px;overflow:visible}.hero-replay.grid{overflow:visible}.hero-replay.grid .replay-bar{z-index:5;border-top:1px solid var(--border);background:var(--color-cloud);border-bottom:0;order:2;margin:12px -12px -12px;padding:10px 12px 12px;position:sticky;bottom:0}.hero-replay.grid .dash-grid{order:1}.hero-replay.grid .dash-focus-bar{order:0}.dash-cell-logs .meter-status{display:none}.dash-cell-logs .meter{padding:6px 0 10px}.dash-cell-logs .meter-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:18px;overflow-x:auto}.dash-cell-logs .meter-grid::-webkit-scrollbar{display:none}.dash-cell-logs .meter-cell{flex:none}.dash-grid.focused>.dash-cell.is-focus{flex:none;height:70vh;min-height:420px}.hero-replay .app:has(.drawer.open) .dash-grid.focused>.dash-cell.is-focus{height:calc(50vh - 88px);min-height:240px}.dash-focus-bar{flex-wrap:nowrap;gap:8px}.dash-focus-bar .fg-modes{scrollbar-width:none;flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto}.dash-focus-bar .fg-modes::-webkit-scrollbar{display:none}.dash-focus-bar .fg-mode{white-space:nowrap;letter-spacing:.12em;padding:5px 9px;font-size:.625rem}.dash-back{flex:none;justify-content:center;gap:0;width:30px;height:28px;padding:0;font-size:0}.dash-back svg{width:14px;height:14px}}