body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] {
  left: 0 !important;
  right: auto !important;
  top: 56px !important;
  bottom: 0 !important;
  width: 78px !important;
  height: calc(100vh - 56px) !important;
  max-width: none !important;
  max-height: calc(100vh - 56px) !important;
  resize: none !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .head {
  display: none !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .sectionBody {
  position: relative !important;
  width: 78px !important;
  height: 100% !important;
  padding: 0 !important;
  display: block !important;
  gap: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerShell {
  position: relative;
  width: 78px;
  height: 100%;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailShell {
  position: absolute;
  top: 10px;
  left: 0;
  width: 62px;
  display: grid;
  gap: 6px;
  padding: 6px;
  border-radius: 20px;
  border: 1px solid rgba(82, 115, 152, 0.28);
  background: linear-gradient(180deg, rgba(14, 25, 40, 0.985), rgba(8, 15, 25, 0.995));
  box-shadow: 0 18px 38px rgba(2, 8, 23, 0.34);
  pointer-events: auto;
  animation: opsDrawerRailReveal 0.22s ease-out;
  transform-origin: left center;
}

@keyframes opsDrawerRailReveal {
  from {
    opacity: 0;
    transform: translateX(-16px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes opsDrawerRailHide {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-16px);
  }
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailNav {
  display: grid;
  gap: 6px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailBtn {
  width: 100% !important;
  min-height: 44px !important;
  padding: 6px 3px !important;
  display: grid !important;
  justify-items: center;
  align-content: center;
  border-radius: 14px !important;
  border: 1px solid rgba(112, 143, 182, 0.18) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)) !important;
  color: #e8f3ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailBtn:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.05)) !important;
  border-color: rgba(112, 143, 182, 0.28) !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailBtn.active {
  background: linear-gradient(180deg, rgba(77, 123, 255, 0.28), rgba(16, 28, 44, 0.96)) !important;
  border-color: rgba(104, 142, 249, 0.44) !important;
  color: #f8fbff !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailText {
  max-width: 100%;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.15;
  text-align: center;
  word-break: break-word;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerKickoutShell {
  position: absolute;
  top: 10px;
  left: 92px;
  width: 0;
  height: calc(100% - 24px);
  overflow: visible;
  pointer-events: none;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheet {
  position: absolute;
  top: 0;
  left: 0;
  width: min(344px, calc(100vw - 120px));
  max-height: calc(100vh - 84px);
  overflow: auto;
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(15, 28, 45, 0.985), rgba(9, 17, 29, 0.995));
  border: 1px solid rgba(78, 110, 145, 0.24);
  box-shadow: 0 22px 40px rgba(2, 8, 23, 0.38);
  opacity: 0;
  transform: translateX(-22px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheet.is-active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"].panelClosing .opsDrawerRailShell {
  animation: opsDrawerRailHide 0.22s ease forwards;
  pointer-events: none;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"].panelClosing .opsDrawerSheet.is-active {
  opacity: 0;
  transform: translateX(-22px);
  pointer-events: none;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheetHead {
  display: none !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheetKicker {
  color: #8ea8c0;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheetTitle {
  color: #eef7ff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.08;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheetNote {
  color: #9fb7d0;
  font-size: 12px;
  line-height: 1.45;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheetBody {
  display: grid;
  gap: 8px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerJumpGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerJumpBtn {
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  font-size: 11px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerControlDeck {
  display: grid;
  gap: 7px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerControlDeck.two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerControlDeck button,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerControlDeck select {
  width: 100%;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricRow {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(109, 142, 180, 0.16);
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricLabel {
  color: #c1d5e8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  gap: 10px;
  align-items: center;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls input[type="number"],
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls input[type="text"],
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls input[type="file"],
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls select {
  border-radius: 12px !important;
  border-color: rgba(112, 143, 182, 0.22) !important;
  background: rgba(246, 249, 252, 0.98) !important;
  color: #0f172a !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerInlineStatus {
  margin: 0;
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(8, 15, 25, 0.42);
  border: 1px solid rgba(112, 143, 182, 0.16);
  color: #9fb7d0 !important;
  font-size: 11px !important;
  line-height: 1.45;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryFields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryField {
  display: grid;
  gap: 4px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryFieldLabel {
  color: #c1d5e8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryField select {
  width: 100%;
  border-radius: 12px !important;
  border-color: rgba(112, 143, 182, 0.22) !important;
  background: rgba(246, 249, 252, 0.98) !important;
  color: #0f172a !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryDetails {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryEmpty {
  margin: 0;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerInlineList {
  display: grid;
  gap: 8px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerPanelNote {
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px dashed rgba(112, 143, 182, 0.24);
  background: rgba(8, 15, 25, 0.42);
  color: #9fb7d0;
  font-size: 11px;
  line-height: 1.45;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerCarry {
  display: none !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerUtilityPanel {
  display: grid;
  gap: 10px;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] #mapUtilityAttachmentsBody,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] #mapUtilityTopoBody {
  display: grid;
  gap: 10px;
  min-height: 0;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] #mapUtilityOverlayControls,
body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] #mapUtilityAttachmentsBody {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .mapUtilityAttachmentsHeader {
  margin-bottom: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] #mapUtilityReloadMount {
  display: grid;
  width: 100%;
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] #mapUtilityOverlayControls .settingsControls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] #mapUtilityOverlayControls .field {
  grid-column: 1 / -1;
}

@media (max-width: 720px) {
  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] {
    width: 72px !important;
  }

  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .sectionBody,
  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerShell {
    width: 72px !important;
  }

  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerRailShell {
    left: 0;
    width: 58px;
  }

  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerKickoutShell {
    left: 82px;
  }

  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerSheet {
    width: min(320px, calc(100vw - 94px));
  }

  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerJumpGrid,
  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerControlDeck.two-up,
  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryFields,
  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerTelemetryDetails,
  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] .opsDrawerMetricControls,
  body.flightops-ops-console #sidebar .panelSection[data-panel="opsdrawer"][data-opsdrawer-modern="1"] #mapUtilityOverlayControls .settingsControls {
    grid-template-columns: 1fr;
  }
}