/* Online-only workspace controls; the shared product and site themes stay intact. */
.svi-online .svi-workflow-nav { display:flex; gap:1.3rem; padding-block:.85rem .25rem; font-size:.9rem; }
.svi-workflow-nav a { color:#135dab; text-decoration:underline; text-underline-offset:3px; }
.svi-online #inspection-controls, .svi-online #source-manager { scroll-margin-top:6rem; }
.svi-online input[type=number] { font-variant-numeric:tabular-nums; }
.svi-online #motion-threshold,.svi-online #motion-region-filter { width:100%; height:38px; padding:.4rem .6rem; border:1px solid #b8cbdb; border-radius:5px; font-size:.95rem; background:#f8fbfd; color:#173650; }
.svi-setting-actions,.svi-playback-controls,.svi-review-options,.svi-trace-controls,.svi-overlay-controls,.svi-timeline-controls,.svi-run-times,.svi-source-search { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .8rem; }
.svi-online .svi-setting-actions button,.svi-playback-controls button,.svi-review-options button { border:1px solid #bacdde; background:#eef5fb; color:#163954; border-radius:5px; padding:.45rem .6rem; font-size:.8rem; }
.svi-online button:disabled { cursor:not-allowed; opacity:.5; }
.svi-setting-actions { margin-top:.8rem; }
.svi-setting-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem .8rem; }
.svi-online .svi-setting-grid .field-label { font-family:var(--sans); font-size:.85rem; letter-spacing:0; text-transform:none; min-height:2.4em; align-items:end; margin-top:.25rem; }
.svi-online .svi-setting-grid select { height:38px; padding-inline:.4rem; font-size:.85rem; }
.svi-threshold-help { margin-top:.7rem; font-size:.8rem; }
.svi-threshold-help summary { cursor:pointer; color:#135dab; }
.svi-online .svi-check { display:flex; gap:.45rem; align-items:center; font-size:.875rem; margin-top:.65rem; }
.svi-online .svi-overlay-controls,.svi-online .svi-trace-controls { border:0; padding:0; margin:0 0 .65rem; font-size:.8rem; }
.svi-overlay-controls label,.svi-trace-controls label,.svi-review-options label { display:flex; align-items:center; gap:.35rem; }
.svi-playback-controls { margin-top:.5rem; gap:.3rem; }
.svi-playback-controls button { flex:1; white-space:nowrap; padding-inline:.3rem; }
.svi-review-options { margin-top:.5rem; font-size:.8rem; }
.svi-review-options select,.svi-timeline-controls select { width:auto; padding:.25rem; font-size:.8rem; }
.svi-online .video-stage { max-width:none!important; }
.svi-online .video-stage video { aspect-ratio:auto; max-height:none; display:block; }
.svi-online .video-stage canvas { pointer-events:none; }
.svi-online .video-stage canvas.selecting { pointer-events:auto; touch-action:none; }
.svi-online .video-stage:fullscreen { display:flex; align-items:center; justify-content:center; background:#07182a; }
.svi-online .video-stage:fullscreen video { max-height:100vh; width:auto; max-width:100vw; }
.svi-online .svi-timeline-controls { font-size:.8rem; }
.svi-pan-label { display:flex; align-items:center; gap:.45rem; flex:1; }
.svi-pan-label input { min-width:60px; width:100%; }
.svi-online .svi-peak-settings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; border:1px solid #d1deea; border-radius:5px; padding:.55rem; margin-top:.6rem; }
.svi-peak-settings legend { padding-inline:.3rem; font-size:.8rem; }
.svi-peak-settings label { font-size:.75rem; }
.svi-online .svi-peak-settings input { width:100%; min-width:0; padding:.3rem; font-size:.85rem; }
.svi-online #timeline-chart { touch-action:none; }
.svi-event-filter { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin-block:.6rem; font-size:.875rem; }
.svi-event-filter select { width:auto; padding:.4rem; }
.svi-run-times { font-size:.8rem; color:#c7dfef; margin-bottom:.6rem; font-variant-numeric:tabular-nums; }
.svi-source-search { margin-top:.6rem; gap:.4rem; }
.svi-source-search input { flex:1; width:130px; min-width:0; }
.svi-source-search select { width:auto; max-width:150px; }
.svi-online .svi-source-search input,.svi-online .svi-source-search select { font-size:.85rem; padding:.4rem; border:1px solid #b8cbdb; border-radius:5px; }
.svi-online .svi-source-thumb { width:64px; height:40px; object-fit:contain; float:left; margin-right:.5rem; border-radius:3px; background:#0b1f33; }
.svi-online .svi-review-tabs { position:sticky; top:64px; z-index:3; background:#fff; }
.svi-online .svi-source-panel .svi-table-scroll { max-height:360px; }
.svi-online .svi-source-panel th { position:sticky; top:0; }
.svi-online .svi-trace-controls label:first-of-type { color:#117a63; }
.svi-online .svi-trace-controls label:nth-of-type(2) { color:#176ed3; }
@media(max-width:760px) { .svi-online .svi-workflow-nav { gap:.9rem; font-size:.8rem; } .svi-online .svi-review-tabs { top:56px; } .svi-playback-controls button { font-size:.75rem; } .svi-online .svi-source-thumb { display:none; } }