/* GTS RS full-viewport distance workstation: analysis only, recording unaffected. */
.analysis-focus:not([open]){display:none!important}
.analysis-focus[open]{
  position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:100vw;
  height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;
  background:#0a0f15;color:#e6edf5;border:0;border-radius:0;box-shadow:none;
  font:12px/1.45 Inter,system-ui,sans-serif;overscroll-behavior:contain;
}
.analysis-focus::backdrop{background:#020407ee}
.analysis-focus *{box-sizing:border-box}
.analysis-focus button{font:inherit;cursor:pointer}
.analysis-focus button:disabled{opacity:.35;cursor:not-allowed}
.analysis-focus button:focus-visible,.analysis-focus canvas:focus-visible,.analysis-focus input:focus-visible{
  outline:2px solid #96d4ed;outline-offset:2px
}
.analysis-focus .button{border:1px solid #435466;border-radius:4px;background:#19232f;color:#e3ebf5;
  padding:8px 12px;min-height:37px;white-space:nowrap}
.analysis-focus .button:hover:not(:disabled){border-color:#8aa0b5;background:#263342}
.analysis-focus .af-top{display:flex;align-items:center;gap:25px;justify-content:space-between;
  padding:13px 22px;border-bottom:2px solid #7b232b;background:#141b24;flex:none}
.analysis-focus .af-brand{display:flex;align-items:center;gap:13px;min-width:160px}
.analysis-focus .af-brand>b{font-size:23px;font-weight:800;letter-spacing:-.065em;white-space:nowrap}
.analysis-focus .af-brand>b span{color:#d83139}
.analysis-focus .af-brand>div{display:flex;flex-direction:column;min-width:0}
.analysis-focus .af-brand>div strong{color:#e7ecf3;font-weight:650;font-size:13px}
.analysis-focus .af-brand>div small{font-size:10px;color:#9aaabd;letter-spacing:.025em}
.analysis-focus .af-laps{display:flex;align-items:center;gap:18px;justify-content:center;min-width:0;flex:1}
.analysis-focus .af-lap{display:flex;gap:9px;align-items:center;min-width:0}
.analysis-focus .af-lap>b{font:700 15px/1.8 ui-monospace,monospace;width:30px;height:30px;
  flex:none;text-align:center;background:#1a2833;color:#3cc5ff;border:1px solid #3c7895;border-radius:5px}
.analysis-focus .af-lap-b>b{color:#ffc277;border-color:#967849;background:#29231c}
.analysis-focus .af-lap>div{display:flex;flex-direction:column;min-width:0}
.analysis-focus .af-lap>div strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  max-width:260px;font-size:12px;font-weight:650}
.analysis-focus .af-lap>div span{font:600 16px ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;color:#f0f5fa}
.analysis-focus .af-exit{border-color:#8e4247;background:#3b2026;color:#ffe5e5}
.analysis-focus .af-toolbar{display:flex;align-items:center;justify-content:space-between;flex:none;
  padding:9px 18px;gap:12px;background:#101821;border-bottom:1px solid #28384a;flex-wrap:wrap}
.analysis-focus .af-segments{display:inline-flex;align-items:center;background:#0b121b;
  border:1px solid #405065;padding:3px;border-radius:5px;gap:2px}
.analysis-focus .af-segments button{min-height:32px;padding:6px 14px;border:0;
  background:transparent;color:#a8b7c9;border-radius:3px;font-weight:600}
.analysis-focus .af-segments button[aria-pressed=true]{background:#334255;color:#fff}
.analysis-focus .af-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.analysis-focus .af-actions .button{padding:7px 10px;min-height:34px;font-size:11px}
.analysis-focus .af-measure-switch[aria-pressed=true]{background:#173e35;border-color:#51aa92;color:#b8f7e3}
.analysis-focus .af-measure{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex:none;padding:11px 20px;background:#10201f;border-bottom:1px solid #29453d;flex-wrap:wrap}
.analysis-focus .af-measure-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.analysis-focus .af-measure-result{font:600 clamp(13px,1.1vw,18px)/1.35 ui-monospace,Consolas,monospace;
  font-variant-numeric:tabular-nums;color:#b5f5dc}
.analysis-focus .af-measure-note{font-size:10px;color:#a0b6b0;line-height:1.5}
.analysis-focus .af-mark-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.analysis-focus .af-mark-actions .button{min-height:32px;font-size:10px;padding:6px 9px}
.analysis-focus .af-mark-a{color:#74d8ff;border-color:#397ca0}
.analysis-focus .af-mark-b{color:#ffd2a5;border-color:#967343}
.analysis-focus .af-distance-bar{display:flex;align-items:center;gap:20px;padding:8px 21px 3px;
  background:#0e161f;color:#d8e6f4;justify-content:space-between;flex:none;flex-wrap:wrap}
.analysis-focus .af-distance-bar>div{display:flex;gap:11px;align-items:center;min-width:0;flex-wrap:wrap}
.analysis-focus .af-distance-bar strong{font-size:11px}
.analysis-focus .af-distance-basis{color:#9ab1c7;font-size:10px}
.analysis-focus .af-range-label{font:600 11px ui-monospace,monospace;white-space:nowrap;color:#b8cadb}
.analysis-focus .af-cursor-position{font:650 13px ui-monospace,monospace;color:#f1f6fb;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.analysis-focus .af-ruler-wrap{background:#0e161f;padding:0 9px;flex:none;border-bottom:1px solid #39465a}
.analysis-focus canvas{display:block;width:100%;touch-action:none;cursor:crosshair}
.analysis-focus .af-ruler{height:61px}
.analysis-focus .af-channel-toggles{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 18px;
  background:#111b24;border-bottom:1px solid #2e3b4a;flex:none}
.analysis-focus .af-channel-chip{display:inline-flex;align-items:center;gap:7px;margin:0!important;padding:5px 8px;
  background:#18232f;border:1px solid #425064;border-radius:4px;font-size:10px!important;
  line-height:1.3;font-weight:600;color:#dce6f2;cursor:pointer;white-space:nowrap}
.analysis-focus .af-channel-chip:has(input:checked){background:#203146;border-color:#5b7592}
.analysis-focus .af-channel-chip:has(input:disabled){opacity:.32;cursor:not-allowed}
#analysis-focus-sim input[type=checkbox],#analysis-focus-real input[type=checkbox]{
  appearance:auto;flex:none;display:block;width:15px;min-width:15px;max-width:15px;
  height:15px;min-height:15px;max-height:15px;padding:0;margin:0;background:transparent;border:0;accent-color:#80d6c6
}
.analysis-focus .af-swatches{display:inline-flex;gap:2px}
.analysis-focus .af-swatches i{display:block;width:13px;height:0;border-top:2px solid var(--af-color-a)}
.analysis-focus .af-swatches i+ i{border-top-color:var(--af-color-b)}
.analysis-focus .af-plots{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 15px 15px;
  background:#0b1118;overscroll-behavior:contain}
.analysis-focus .af-stacked{display:flex;flex-direction:column;gap:9px}
.analysis-focus .af-row,.analysis-focus .af-combined{border:1px solid #324152;border-radius:5px;
  background:#101822;min-width:0;overflow:hidden}
.analysis-focus .af-row[hidden],.analysis-focus .af-stacked[hidden],.analysis-focus .af-combined[hidden]{display:none!important}
.analysis-focus .af-row-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:35px;padding:6px 13px;border-bottom:1px solid #2c3b4c;min-width:0}
.analysis-focus .af-row-heading strong{font-size:12px;font-weight:650;color:#e7eff7;white-space:nowrap}
.analysis-focus .af-row-heading output{font:11px ui-monospace,Consolas,monospace;
  color:#b5c7db;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.analysis-focus .af-row canvas{height:clamp(145px,19dvh,220px)}
.analysis-focus .af-combined{display:flex;flex-direction:column;min-height:285px;height:100%}
.analysis-focus .af-combined .af-row-heading{align-items:flex-start;flex-wrap:wrap}
.analysis-focus .af-combined .af-row-heading output{font-size:10px;line-height:1.6}
.analysis-focus .af-combined-canvas{flex:1;min-height:220px;height:calc(100dvh - 460px)}
.analysis-focus .af-scales{margin:0!important;padding:8px 13px;color:#9fb2c6;
  border-top:1px solid #2e3a49;font-size:10px;line-height:1.55}
.analysis-focus .af-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none;
  padding:10px 20px;background:#151e28;border-top:1px solid #364353;flex-wrap:wrap}
.analysis-focus .af-footer>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.analysis-focus .af-footer span{font-size:10px;color:#a4b6ca;line-height:1.4}
.analysis-focus .af-driver-legend{font-weight:600;color:#d9e6f4!important}
.analysis-focus .af-driver-legend i{display:inline-block;width:20px;height:0;
  border-top:2px solid #38c7ff;margin:0 6px 3px 15px}
.analysis-focus .af-driver-legend .af-b-line{border-color:#ffb24a}
.analysis-focus .af-scrub-label{display:flex;align-items:center;gap:10px;min-width:240px;max-width:530px;
  flex:1;margin:0!important;font-size:11px;color:#c2d1e0;white-space:nowrap}
.analysis-focus .af-scrub{flex:1;min-width:65px;width:100%;height:24px;min-height:0!important;
  padding:0!important;border:0!important;background:transparent!important;accent-color:#9ad3e8}
.analysis-focus .af-scrub-value{font:600 12px ui-monospace,monospace;min-width:73px;
  text-align:right;font-variant-numeric:tabular-nums;color:#f5f8fc}
@media(max-width:1000px){
  .analysis-focus .af-top{padding:11px 14px;gap:13px}
  .analysis-focus .af-laps{justify-content:flex-start;gap:12px}
  .analysis-focus .af-lap>div strong{max-width:150px}
  .analysis-focus .af-toolbar{padding:8px 10px}
  .analysis-focus .af-measure{padding:9px 12px}
  .analysis-focus .af-plots{padding:8px}
  .analysis-focus .af-row canvas{height:160px}
}
@media(max-width:650px){
  .analysis-focus .af-top{flex-wrap:wrap}
  .analysis-focus .af-brand{flex:1;min-width:0}
  .analysis-focus .af-brand>b{font-size:20px}
  .analysis-focus .af-laps{order:3;flex-basis:100%;justify-content:space-between}
  .analysis-focus .af-lap>div strong{max-width:140px}
  .analysis-focus .af-toolbar{gap:7px}
  .analysis-focus .af-segments{width:100%}
  .analysis-focus .af-segments button{flex:1;padding:6px 8px}
  .analysis-focus .af-actions{width:100%;gap:4px}
  .analysis-focus .af-actions .button{flex:1 1 auto;font-size:10px;min-height:32px;padding:6px}
  .analysis-focus .af-mark-actions{width:100%}
  .analysis-focus .af-mark-actions .button{flex:1}
  .analysis-focus .af-distance-bar{padding:7px 10px;gap:4px}
  .analysis-focus .af-distance-bar>div{width:100%}
  .analysis-focus .af-ruler-wrap{padding:0}
  .analysis-focus .af-ruler{height:63px}
  .analysis-focus .af-channel-toggles{padding:7px;gap:4px}
  .analysis-focus .af-channel-chip{padding:4px 6px;font-size:9px!important}
  .analysis-focus .af-row canvas{height:146px}
  .analysis-focus .af-combined{min-height:350px}
  .analysis-focus .af-combined-canvas{min-height:300px}
  .analysis-focus .af-footer{padding:8px 10px}
  .analysis-focus .af-scrub-label{min-width:100%;flex-basis:100%}
  .analysis-focus .af-measure-result{font-size:12px}
  /* In portrait the controls stay one line so the graph remains usable. */
  .analysis-focus .af-measure-note,.analysis-focus .af-advice{display:none}
  .analysis-focus .af-actions{flex-wrap:nowrap;overflow-x:auto}
  .analysis-focus .af-actions .button{flex:0 0 auto}
  .analysis-focus .af-channel-toggles{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  .analysis-focus .af-footer{gap:5px}
  .analysis-focus .af-footer>div{min-height:0}
  .analysis-focus .af-measure{gap:5px}
  .analysis-focus .af-mark-actions{flex-wrap:nowrap}
  .analysis-focus .af-mark-actions .button{font-size:9px}
}
@media(max-height:650px){
  .analysis-focus .af-top{padding-top:7px;padding-bottom:7px}
  .analysis-focus .af-measure{padding:6px 12px}
  .analysis-focus .af-channel-toggles{padding-top:4px;padding-bottom:4px}
  .analysis-focus .af-ruler{height:53px}
  .analysis-focus .af-combined-canvas{min-height:180px}
}