/* Central visual orchestration for the Blank Sheet launcher rail.
   Tool modules keep their existing click handlers; this file owns the final
   Blank Sheet order and prevents staggered launcher reveal. */

body.bv-native-sheet-active #bvSideLaunchers > #bvNativeSheetLectureLauncher {
  order: 10 !important;
}

body.bv-native-sheet-active #bvSideLaunchers > #btnOpenSideAI {
  order: 20 !important;
}

body.bv-native-sheet-active #bvSideLaunchers > #btnOpenSideNotes {
  order: 30 !important;
}

body.bv-native-sheet-active #bvSideLaunchers > #bvNativeSheetMarkLauncher {
  order: 40 !important;
}

body.bv-native-sheet-active #bvSideLaunchers > #bvNativeSheetTextLauncher {
  order: 50 !important;
}

body.bv-native-sheet-active #bvSideLaunchers > #bvNativeSheetImageLauncher {
  order: 60 !important;
}

body.bv-native-sheet-active #bvSideLaunchers > #bvNativeSheetVideoLauncher {
  order: 70 !important;
}

body.bv-native-sheet-active #bvSideLaunchers > #bvReaderPenLauncher {
  order: 80 !important;
}

/* Native-sheet feature modules are loaded independently. Hold the launchers
   until every owned control has arrived, then reveal the complete rail once. */
body.bv-native-sheet-active:not(.bv-native-sheet-tool-rail-ready) #bvSideLaunchers > :is(
  #bvNativeSheetLectureLauncher,
  #btnOpenSideAI,
  #btnOpenSideNotes,
  #bvNativeSheetMarkLauncher,
  #bvNativeSheetTextLauncher,
  #bvNativeSheetImageLauncher,
  #bvNativeSheetVideoLauncher,
  #bvReaderPenLauncher
),
body.bv-native-sheet-active.bv-native-sheet-side-loading-hold #bvSideLaunchers > :is(
  #bvNativeSheetLectureLauncher,
  #btnOpenSideAI,
  #btnOpenSideNotes,
  #bvNativeSheetMarkLauncher,
  #bvNativeSheetTextLauncher,
  #bvNativeSheetImageLauncher,
  #bvNativeSheetVideoLauncher,
  #bvReaderPenLauncher
) {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.bv-native-sheet-active.bv-native-sheet-tool-rail-ready:not(.bv-native-sheet-side-loading-hold) #bvSideLaunchers > :is(
  #bvNativeSheetLectureLauncher,
  #btnOpenSideAI,
  #btnOpenSideNotes,
  #bvNativeSheetMarkLauncher,
  #bvNativeSheetTextLauncher,
  #bvNativeSheetImageLauncher,
  #bvNativeSheetVideoLauncher,
  #bvReaderPenLauncher
) {
  visibility: visible;
}

/* Recorded VIDEO uses the same custom timeline markup as voice recordings.
   Keep the native/global range-control shell transparent so it cannot paint
   the large white form field over the real grey/cyan timeline. */
body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video .bv-native-sheet-recorded-media__timeline {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 2;
  min-width: 0;
  width: 100%;
  height: 18px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video .bv-native-sheet-recorded-media__progress-track {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 10px;
  left: 10px;
  height: 12px;
  overflow: hidden;
  box-sizing: border-box;
  transform: translateY(-50%);
  border: 1px solid #172235;
  border-radius: 999px;
  background: #d4d0c6;
  pointer-events: none;
}

body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video [data-recorded-progress-fill] {
  display: block;
  width: 0;
  height: 100%;
  background: #16cbd4;
}

body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video .bv-native-sheet-recorded-media__timeline [data-recorded-scrub] {
  position: absolute;
  z-index: 3;
  inset: 0;
  min-width: 0;
  width: 100%;
  height: 18px;
  min-height: 0 !important;
  max-height: 18px !important;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
}

body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video [data-recorded-scrub]::-webkit-slider-runnable-track {
  height: 12px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video [data-recorded-scrub]::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  margin-top: -4px;
  -webkit-appearance: none;
  border: 2px solid #172235;
  border-radius: 50%;
  background: #16cbd4;
  box-shadow: 2px 2px 0 rgba(23, 34, 53, .28);
}

body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video [data-recorded-scrub]::-moz-range-track,
body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video [data-recorded-scrub]::-moz-range-progress {
  height: 12px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video [data-recorded-scrub]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 2px solid #172235;
  border-radius: 50%;
  background: #16cbd4;
  box-shadow: 2px 2px 0 rgba(23, 34, 53, .28);
}

body.bv-native-sheet-active .bv-native-sheet-recorded-media.is-video .bv-native-sheet-recorded-media__timeline .bv-native-sheet-recorded-media__cue-markers {
  position: absolute;
  z-index: 4;
  inset: 0 10px;
  display: block;
  width: auto;
  height: 18px;
  margin: 0;
  pointer-events: none;
}
