/* STEP44 V21 — quickbar opens from a drawing tool or a selected drawing object. */

.gp-pro-draw-quickbar__btn--close {
  min-width: 39px;
  width: 39px;
  height: 39px;
  padding: 0;
  border-radius: 10px;
  font-size: 25px;
  line-height: 1;
  font-weight: 700;
}

.gp-pro-draw-quickbar__btn--close:hover {
  background: rgba(15, 23, 42, 0.10);
}

html body.gp-step44-quickbar-hidden #chart-area > .gp-pro-draw-quickbar,
html body.gp-step44-quickbar-user-hidden #chart-area > .gp-pro-draw-quickbar,
html body:not(.gp-step44-quickbar-allowed) #chart-area > .gp-pro-draw-quickbar,
html body #chart-area > .gp-pro-draw-quickbar[aria-hidden="true"],
html body #chart-area > .gp-pro-draw-quickbar[data-gp-quickbar-closed="1"],
html body.gp-step44-quickbar-hidden .gp-pro-draw-quickbar,
html body.gp-step44-quickbar-user-hidden .gp-pro-draw-quickbar,
html body:not(.gp-step44-quickbar-allowed) .gp-pro-draw-quickbar {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(-50%) translateY(12px) scale(.96) !important;
  transition: none !important;
}

html body.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar[aria-hidden="false"],
html body.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar.gp-step44-quickbar-visible,
html body.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) .gp-pro-draw-quickbar[aria-hidden="false"] {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) scale(1) !important;
}

/* The original PRIME Walls chart/order-flow stylesheet remains untouched. These
   rules only give the quickbar's explicit state priority over its theme skin. */
html body.gp-prime-walls-active #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-quickbar {
  z-index: 260 !important;
  filter: drop-shadow(0 18px 34px rgba(0,0,0,.75)) !important;
}

html body.gp-prime-walls-active.gp-step44-quickbar-hidden #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active.gp-step44-quickbar-hidden #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-active.gp-step44-quickbar-user-hidden #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active.gp-step44-quickbar-user-hidden #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-active:not(.gp-step44-quickbar-allowed) #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active:not(.gp-step44-quickbar-allowed) #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-active #chart-area > .gp-pro-draw-quickbar[aria-hidden="true"],
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-quickbar[aria-hidden="true"],
html body.gp-prime-walls-active #chart-area > .gp-pro-draw-quickbar[data-gp-quickbar-closed="1"],
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-quickbar[data-gp-quickbar-closed="1"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(-50%) translateY(12px) scale(.96) !important;
  transition: none !important;
}

html body.gp-prime-walls-active.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar[aria-hidden="false"],
html body.gp-prime-walls-chart-active.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar[aria-hidden="false"],
html body.gp-prime-walls-active.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar.gp-step44-quickbar-visible,
html body.gp-prime-walls-chart-active.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar.gp-step44-quickbar-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) scale(1) !important;
}

@media (max-width: 760px) {
  html body.gp-step44-quickbar-hidden #chart-area > .gp-pro-draw-quickbar,
  html body.gp-step44-quickbar-user-hidden #chart-area > .gp-pro-draw-quickbar,
  html body:not(.gp-step44-quickbar-allowed) #chart-area > .gp-pro-draw-quickbar,
  html body #chart-area > .gp-pro-draw-quickbar[aria-hidden="true"],
  html body #chart-area > .gp-pro-draw-quickbar[data-gp-quickbar-closed="1"],
  html body.gp-prime-walls-active.gp-step44-quickbar-hidden #chart-area > .gp-pro-draw-quickbar,
  html body.gp-prime-walls-chart-active.gp-step44-quickbar-hidden #chart-area > .gp-pro-draw-quickbar,
  html body.gp-prime-walls-active:not(.gp-step44-quickbar-allowed) #chart-area > .gp-pro-draw-quickbar,
  html body.gp-prime-walls-chart-active:not(.gp-step44-quickbar-allowed) #chart-area > .gp-pro-draw-quickbar {
    transform: translateY(12px) scale(.96) !important;
  }

  html body.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar[aria-hidden="false"],
  html body.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar.gp-step44-quickbar-visible,
  html body.gp-prime-walls-active.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar[aria-hidden="false"],
  html body.gp-prime-walls-chart-active.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-hidden):not(.gp-step44-quickbar-user-hidden) #chart-area > .gp-pro-draw-quickbar[aria-hidden="false"] {
    transform: translateY(0) scale(1) !important;
  }
}