/* DroneHQ Shell Help Overlay No-Collapse v63
   Scope: Help display behavior only.
   Goal: Help overlays the page, does not squeeze/de-expand the workspace, and does not blur.
*/

:root {
  --dhq-help-overlay-gap-v63: 14px;
}

/* Remove the v55 page-collapse behavior if a cached class is still present. */
body.dhq-help-dock-collapse-v55 .dhq-help-dock-main-v55,
body.dhq-help-overlay-no-collapse-v63 .dhq-help-dock-main-v55,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .dhq-help-dock-main-v55 {
  width: auto !important;
  max-width: none !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
  filter: none !important;
}

/* Neutralize the v19/v55 "reserve space for Help" rules. Help should overlay instead. */
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 main,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .app-main,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .shell-main,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .page-main,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .workspace-main,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .dashboard-main,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .app-content,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .shell-content,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .page-content,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .content-shell,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .dashboard-shell,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .settings-shell,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .preflight-workspace,
body.dronehq-help-docked-open.dhq-help-overlay-no-collapse-v63 .fleet-shell {
  width: auto !important;
  max-width: none !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* No blur/dim scrim for Help. Keep the page usable-looking behind it. */
body.dhq-help-overlay-no-collapse-v63 [data-help-overlay],
body.dhq-help-overlay-no-collapse-v63 .help-overlay,
body.dhq-help-overlay-no-collapse-v63 .help-backdrop,
body.dhq-help-overlay-no-collapse-v63 .help-scrim,
body.dhq-help-overlay-no-collapse-v63 .app-help-overlay,
body.dhq-help-overlay-no-collapse-v63 .shell-help-overlay,
body.dhq-help-overlay-no-collapse-v63 #dhq-utility-focus-scrim-v40,
body.dhq-help-overlay-no-collapse-v63 #dhq-utility-focus-scrim-v39,
body.dhq-help-overlay-no-collapse-v63 #dhq-utility-focus-scrim-v38,
body.dhq-help-overlay-no-collapse-v63 #dhq-utility-focus-scrim-v37,
body.dhq-help-overlay-no-collapse-v63 .dhq-utility-focus-scrim {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

/* Do not allow old focus/blur rules to blur Help or the page while Help is open. */
body.dhq-help-overlay-no-collapse-v63,
body.dhq-help-overlay-no-collapse-v63 main,
body.dhq-help-overlay-no-collapse-v63 .app-main,
body.dhq-help-overlay-no-collapse-v63 .shell-main,
body.dhq-help-overlay-no-collapse-v63 .page-main,
body.dhq-help-overlay-no-collapse-v63 .workspace-main,
body.dhq-help-overlay-no-collapse-v63 .dashboard-main,
body.dhq-help-overlay-no-collapse-v63 .app-content,
body.dhq-help-overlay-no-collapse-v63 .shell-content,
body.dhq-help-overlay-no-collapse-v63 .page-content {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Help panel remains clickable and sharp. Do not change expand/open controls. */
body.dhq-help-overlay-no-collapse-v63 [data-dronehq-help-docked="true"],
body.dhq-help-overlay-no-collapse-v63 [data-help-panel],
body.dhq-help-overlay-no-collapse-v63 .help-panel,
body.dhq-help-overlay-no-collapse-v63 .help-drawer,
body.dhq-help-overlay-no-collapse-v63 .app-help-panel,
body.dhq-help-overlay-no-collapse-v63 .shell-help-panel,
body.dhq-help-overlay-no-collapse-v63 #help-panel,
body.dhq-help-overlay-no-collapse-v63 #dronehq-help-panel {
  pointer-events: auto !important;
  z-index: 1500 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}

/* If an older dock rule is still active, keep Help on top but let it cover the page. */
@media (min-width: 980px) {
  body.dhq-help-overlay-no-collapse-v63 [data-dronehq-help-docked="true"]:not(.dhq-utility-focus-active-v40):not(.dhq-utility-focus-active-v39):not(.dhq-utility-focus-active-v38):not(.dhq-utility-focus-active-v37),
  body.dhq-help-overlay-no-collapse-v63 [data-help-panel]:not(.dhq-utility-focus-active-v40):not(.dhq-utility-focus-active-v39):not(.dhq-utility-focus-active-v38):not(.dhq-utility-focus-active-v37),
  body.dhq-help-overlay-no-collapse-v63 .help-panel:not(.dhq-utility-focus-active-v40):not(.dhq-utility-focus-active-v39):not(.dhq-utility-focus-active-v38):not(.dhq-utility-focus-active-v37),
  body.dhq-help-overlay-no-collapse-v63 .help-drawer:not(.dhq-utility-focus-active-v40):not(.dhq-utility-focus-active-v39):not(.dhq-utility-focus-active-v38):not(.dhq-utility-focus-active-v37),
  body.dhq-help-overlay-no-collapse-v63 .app-help-panel:not(.dhq-utility-focus-active-v40):not(.dhq-utility-focus-active-v39):not(.dhq-utility-focus-active-v38):not(.dhq-utility-focus-active-v37),
  body.dhq-help-overlay-no-collapse-v63 .shell-help-panel:not(.dhq-utility-focus-active-v40):not(.dhq-utility-focus-active-v39):not(.dhq-utility-focus-active-v38):not(.dhq-utility-focus-active-v37),
  body.dhq-help-overlay-no-collapse-v63 #help-panel:not(.dhq-utility-focus-active-v40):not(.dhq-utility-focus-active-v39):not(.dhq-utility-focus-active-v38):not(.dhq-utility-focus-active-v37),
  body.dhq-help-overlay-no-collapse-v63 #dronehq-help-panel:not(.dhq-utility-focus-active-v40):not(.dhq-utility-focus-active-v39):not(.dhq-utility-focus-active-v38):not(.dhq-utility-focus-active-v37) {
    position: fixed !important;
    right: var(--dhq-help-overlay-gap-v63) !important;
    bottom: var(--dhq-help-overlay-gap-v63) !important;
    z-index: 1500 !important;
  }
}