/* GUARDEER PRIME v200 — grouped CVD/Footprint and Market Volume modules. */
.gp-prime-module-groups {
  display: grid;
  gap: 9px;
  width: 100%;
}

/* Existing module launchers stay alive as hidden source controls. */
.gp-step44-prime-tools-popover__grid.gp-prime-module-groups-ready > [data-gp-module1-open],
.gp-step44-prime-tools-popover__grid.gp-prime-module-groups-ready > [data-gp-module2-open],
.gp-step44-prime-tools-popover__grid.gp-prime-module-groups-ready > [data-gp-module3-open],
.gp-step44-prime-tools-popover__grid.gp-prime-module-groups-ready > [data-gp-module4-open],
.gp-step44-prime-tools-popover__grid.gp-prime-module-groups-ready > [data-gp-module5-open],
.gp-step44-prime-tools-popover__grid.gp-prime-module-groups-ready > [data-gp-module6-open],
.gp-step44-prime-tools-popover__grid.gp-prime-module-groups-ready > [data-gp-module7-open],
.gp-step44-prime-tools-popover__grid.gp-prime-module-groups-ready > [data-gp-volume-modules-open] {
  display: none !important;
}

.gp-prime-module-group__toggle {
  min-height: 66px;
}

.gp-prime-module-group__toggle > span {
  font: 1000 12px/1 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: -.04em;
}

.gp-prime-module-group__toggle > em {
  min-width: 70px;
}

.gp-prime-module-group__toggle--cvd {
  border-color: rgba(0, 224, 255, .36);
  background:
    radial-gradient(circle at 4% 0%, rgba(0, 224, 255, .18), transparent 42%),
    linear-gradient(135deg, rgba(8, 39, 53, .90), rgba(255,255,255,.035));
}

.gp-prime-module-group__toggle--cvd:hover,
.gp-prime-module-group__toggle--cvd.is-open {
  border-color: rgba(70, 236, 255, .82);
  background:
    radial-gradient(circle at 4% 0%, rgba(0, 224, 255, .27), transparent 44%),
    linear-gradient(135deg, rgba(9, 53, 70, .94), rgba(255,255,255,.055));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 24px rgba(0,224,255,.14);
}

.gp-prime-module-group__toggle--cvd > span {
  color: #03131b;
  border-color: rgba(165,243,252,.80);
  background: linear-gradient(145deg, #67e8f9, #06b6d4 58%, #2563eb);
  box-shadow: 0 0 18px rgba(0,224,255,.24);
}

.gp-prime-module-group__toggle--cvd > em {
  color: #03131b;
  border-color: rgba(165,243,252,.74);
  background: #22d3ee;
}

.gp-prime-module-group__toggle--volume {
  border-color: rgba(245, 184, 68, .36);
  background:
    radial-gradient(circle at 4% 0%, rgba(245, 184, 68, .18), transparent 42%),
    linear-gradient(135deg, rgba(55, 38, 13, .90), rgba(255,255,255,.035));
}

.gp-prime-module-group__toggle--volume:hover,
.gp-prime-module-group__toggle--volume.is-open {
  border-color: rgba(251, 203, 107, .84);
  background:
    radial-gradient(circle at 4% 0%, rgba(245, 184, 68, .28), transparent 44%),
    linear-gradient(135deg, rgba(72, 48, 14, .94), rgba(255,255,255,.055));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 24px rgba(245,184,68,.13);
}

.gp-prime-module-group__toggle--volume > span {
  color: #231500;
  border-color: rgba(253,230,138,.82);
  background: linear-gradient(145deg, #fde68a, #f59e0b 64%, #d97706);
  box-shadow: 0 0 18px rgba(245,184,68,.24);
}

.gp-prime-module-group__toggle--volume > em {
  color: #231500;
  border-color: rgba(253,230,138,.76);
  background: #fbbf24;
}

.gp-prime-module-group__toggle[aria-expanded="true"] > em::after {
  content: "  ▲";
}

.gp-prime-module-group__toggle[aria-expanded="false"] > em::after {
  content: "  ▼";
}

.gp-prime-module-group__panel {
  display: grid;
  gap: 7px;
  margin: -2px 0 2px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(0,0,0,.30);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}

.gp-prime-module-group__panel[hidden] {
  display: none !important;
}

.gp-prime-module-group__item {
  appearance: none;
  width: 100%;
  min-height: 54px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.09);
  color: #f7f7f8;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  transition: transform .13s ease, border-color .13s ease, background .13s ease;
}

.gp-prime-module-group__item:hover {
  transform: translateX(2px);
  border-color: rgba(255,255,255,.24);
  background: linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
}

.gp-prime-module-group__item > span {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  font: 1000 11px/1 "JetBrains Mono", ui-monospace, monospace;
}

.gp-prime-module-group__item--cvd > span {
  color: #dffbff;
  border: 1px solid rgba(103,232,249,.42);
  background: linear-gradient(145deg, rgba(8,145,178,.88), rgba(30,64,175,.80));
}

.gp-prime-module-group__item--volume > span {
  color: #2a1800;
  border: 1px solid rgba(253,230,138,.56);
  background: linear-gradient(145deg, #fde68a, #f59e0b);
}

.gp-prime-module-group__item > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.gp-prime-module-group__item strong {
  color: #fff;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 950;
}

.gp-prime-module-group__item small {
  color: rgba(247,247,248,.60);
  font-size: 9.5px;
  line-height: 1.22;
  font-weight: 720;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gp-prime-module-group__item em {
  min-width: 46px;
  padding: 5px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.13);
  color: rgba(255,255,255,.80);
  background: rgba(255,255,255,.06);
  font-size: 8.5px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  text-align: center;
  font-style: normal;
}

@media (max-width: 760px) {
  .gp-prime-module-group__toggle {
    min-height: 70px;
  }
  .gp-prime-module-group__item {
    min-height: 60px;
  }
  .gp-prime-module-group__item small {
    white-space: normal;
    max-height: 2.45em;
  }
}