html[data-gx-server="testserver"] .gx-dispatch-modern {
  --gx-dispatch-cyan: #42d9ff;
  --gx-dispatch-blue: #4387ff;
  --gx-dispatch-green: #36efae;
  --gx-dispatch-gold: #ffc861;
  --gx-dispatch-line: rgba(76, 188, 255, .2);
  --gx-dispatch-panel: rgba(3, 16, 42, .86);
}

.gx-command-fleet-send .fleet-send-active-panel,
.gx-command-fleet-send .gx-dispatch-active-panel,
.gx-fleet-hub-send .fleet-send-active-panel,
.gx-fleet-hub-send .gx-dispatch-active-panel {
  display: none !important;
}

html[data-gx-server="testserver"] .gx-dispatch-modern > .flotte-panel {
  border-color: var(--gx-dispatch-line) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(7, 28, 64, .92), rgba(2, 10, 30, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(185, 229, 255, .06), 0 20px 55px rgba(0, 0, 0, .2);
}

html[data-gx-server="testserver"] .gx-dispatch-modern .gx-dispatch-active-panel {
  padding: 10px 14px !important;
  background: linear-gradient(110deg, rgba(5, 31, 65, .88), rgba(4, 15, 39, .88)) !important;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .gx-dispatch-active-panel .fleet-list {
  max-height: 190px;
  overflow: auto;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .gx-dispatch-console-panel > .flotte-panel-title {
  display: none !important;
}

html[data-gx-server="testserver"] .gx-dispatch-console-head {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  margin: -2px -2px 14px;
  padding: 16px 18px;
  overflow: hidden;
  border: 1px solid rgba(71, 201, 255, .24);
  border-radius: 13px;
  background:
    radial-gradient(circle at 12% 50%, rgba(31, 190, 255, .19), transparent 27%),
    linear-gradient(112deg, rgba(10, 54, 102, .72), rgba(7, 22, 57, .78) 58%, rgba(24, 14, 63, .58));
  box-shadow: inset 0 1px 0 rgba(183, 229, 255, .08), 0 13px 35px rgba(0, 0, 0, .16);
  animation: gxDispatchEnter .55s cubic-bezier(.22, 1, .36, 1) both;
}

html[data-gx-server="testserver"] .gx-dispatch-console-head::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 28%;
  background: linear-gradient(90deg, transparent, rgba(111, 220, 255, .07), transparent);
  transform: skewX(-18deg) translateX(-180%);
  animation: gxDispatchSweep 8s ease-in-out infinite;
  pointer-events: none;
}

html[data-gx-server="testserver"] .gx-dispatch-radar {
  position: relative;
  width: 58px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(71, 213, 255, .38);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(74, 221, 255, .21) 0 5%, transparent 6% 27%, rgba(67, 189, 255, .16) 28% 29%, transparent 30% 49%, rgba(67, 189, 255, .13) 50% 51%, transparent 52%),
    rgba(3, 24, 55, .8);
  box-shadow: 0 0 24px rgba(48, 194, 255, .18), inset 0 0 18px rgba(28, 151, 255, .12);
}

html[data-gx-server="testserver"] .gx-dispatch-radar::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0;
  left: 50%;
  transform-origin: 0 100%;
  background: conic-gradient(from 270deg at 0 100%, rgba(67, 221, 255, .45), transparent 33deg);
  animation: gxDispatchRadar 5.5s linear infinite;
}

html[data-gx-server="testserver"] .gx-dispatch-radar i {
  position: relative;
  z-index: 1;
  color: #9eeeff;
  font-size: 1rem;
  filter: drop-shadow(0 0 7px rgba(78, 220, 255, .7));
}

html[data-gx-server="testserver"] .gx-dispatch-console-copy span,
html[data-gx-server="testserver"] .gx-dispatch-console-copy h2,
html[data-gx-server="testserver"] .gx-dispatch-console-copy small {
  display: block;
}

html[data-gx-server="testserver"] .gx-dispatch-console-copy span {
  color: var(--gx-dispatch-cyan);
  font: 800 .55rem/1 'Orbitron', sans-serif;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

html[data-gx-server="testserver"] .gx-dispatch-console-copy h2 {
  margin: 6px 0 4px;
  color: #f3fbff;
  font: 900 1rem/1.2 'Orbitron', sans-serif;
  letter-spacing: .9px;
}

html[data-gx-server="testserver"] .gx-dispatch-console-copy small {
  color: rgba(180, 214, 239, .62);
  font-size: .68rem;
}

html[data-gx-server="testserver"] .gx-dispatch-readiness {
  min-width: 128px;
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
  border: 1px solid rgba(255, 190, 73, .28);
  border-radius: 9px;
  background: rgba(70, 43, 8, .22);
  color: #ffd58b;
}

html[data-gx-server="testserver"] .gx-dispatch-readiness i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}

html[data-gx-server="testserver"] .gx-dispatch-readiness span,
html[data-gx-server="testserver"] .gx-dispatch-readiness b { display: block; }
html[data-gx-server="testserver"] .gx-dispatch-readiness span { font-size: .5rem; letter-spacing: .8px; text-transform: uppercase; opacity: .65; }
html[data-gx-server="testserver"] .gx-dispatch-readiness b { margin-top: 2px; font: 800 .58rem/1.2 'Orbitron', sans-serif; }
html[data-gx-server="testserver"] .gx-dispatch-readiness.is-ready { color: #7dffd0; border-color: rgba(54, 239, 174, .36); background: rgba(5, 87, 57, .24); }

html[data-gx-server="testserver"] .gx-dispatch-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 14px;
}

html[data-gx-server="testserver"] .gx-dispatch-step {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(76, 156, 219, .15);
  border-radius: 9px;
  background: rgba(6, 28, 59, .55);
  color: rgba(156, 193, 220, .52);
  transition: border-color .35s ease, background .35s ease, color .35s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
}

html[data-gx-server="testserver"] .gx-dispatch-step > i {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 7px;
  font-size: .58rem;
}

html[data-gx-server="testserver"] .gx-dispatch-step span,
html[data-gx-server="testserver"] .gx-dispatch-step b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-gx-server="testserver"] .gx-dispatch-step span { font-size: .48rem; letter-spacing: .7px; text-transform: uppercase; opacity: .6; }
html[data-gx-server="testserver"] .gx-dispatch-step b { margin-top: 2px; font-size: .6rem; }
html[data-gx-server="testserver"] .gx-dispatch-step.is-complete { color: #83e6ff; border-color: rgba(66, 217, 255, .3); background: rgba(11, 77, 115, .28); }
html[data-gx-server="testserver"] .gx-dispatch-step.is-current { color: #ffe2a4; border-color: rgba(255, 200, 97, .38); background: rgba(97, 61, 8, .25); transform: translateY(-2px); }
html[data-gx-server="testserver"] .gx-dispatch-step.is-ready { color: #7dffd0; border-color: rgba(54, 239, 174, .38); background: rgba(5, 83, 55, .27); }

html[data-gx-server="testserver"] .gx-dispatch-summary {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 4px;
  padding: 8px;
  border: 1px solid rgba(67, 183, 255, .18);
  border-radius: 11px;
  background: linear-gradient(105deg, rgba(4, 31, 66, .72), rgba(6, 17, 45, .72));
}

html[data-gx-server="testserver"] .gx-dispatch-summary-item {
  min-width: 0;
  padding: 7px 9px;
  border-left: 2px solid rgba(66, 217, 255, .28);
  border-radius: 5px;
  background: rgba(3, 17, 42, .54);
}

html[data-gx-server="testserver"] .gx-dispatch-summary-item span,
html[data-gx-server="testserver"] .gx-dispatch-summary-item b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-gx-server="testserver"] .gx-dispatch-summary-item span { color: rgba(145, 190, 222, .52); font-size: .48rem; letter-spacing: .8px; text-transform: uppercase; }
html[data-gx-server="testserver"] .gx-dispatch-summary-item b { margin-top: 4px; color: #e7f7ff; font: 750 .62rem/1.25 'Orbitron', sans-serif; }

html[data-gx-server="testserver"] .gx-dispatch-mission-deck {
  display: flex;
  gap: 6px;
  margin-top: 7px;
  padding-bottom: 2px;
  overflow-x: auto;
  scrollbar-width: thin;
}

html[data-gx-server="testserver"] .gx-dispatch-mission-chip {
  flex: 0 0 auto;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid rgba(72, 162, 226, .19);
  border-radius: 8px;
  background: rgba(6, 28, 60, .7);
  color: rgba(177, 211, 236, .7);
  font: 700 .56rem/1 'Orbitron', sans-serif;
  cursor: pointer;
  transition: transform .25s cubic-bezier(.22, 1, .36, 1), border-color .25s ease, color .25s ease, background .25s ease;
}

html[data-gx-server="testserver"] .gx-dispatch-mission-chip:hover { transform: translateY(-2px); color: #eaf9ff; border-color: rgba(66, 217, 255, .42); }
html[data-gx-server="testserver"] .gx-dispatch-mission-chip.is-active { color: #ecfbff; border-color: rgba(66, 217, 255, .58); background: linear-gradient(135deg, rgba(25, 130, 191, .35), rgba(29, 72, 151, .3)); box-shadow: 0 0 17px rgba(57, 186, 255, .13); }

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-form {
  gap: 12px !important;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-form-group,
html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-cargo-panel,
html[data-gx-server="testserver"] .gx-dispatch-modern #bergbauPanel,
html[data-gx-server="testserver"] .gx-dispatch-modern #dashDamagedInfo {
  border-radius: 11px !important;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-form-label {
  color: rgba(135, 202, 239, .72) !important;
  letter-spacing: 1px !important;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-coord-row input {
  min-height: 44px;
  font: 800 .75rem/1 'Orbitron', sans-serif;
  text-align: center;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s cubic-bezier(.22, 1, .36, 1);
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-coord-row input:focus { transform: translateY(-1px); }
html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-coord-sep { color: var(--gx-dispatch-cyan); text-shadow: 0 0 8px rgba(66, 217, 255, .5); }

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-grid {
  gap: 9px !important;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item {
  position: relative;
  min-height: 64px;
  overflow: hidden !important;
  border-color: rgba(67, 171, 238, .17) !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, rgba(7, 32, 68, .78), rgba(3, 17, 43, .82)) !important;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), border-color .25s ease, box-shadow .25s ease, background .25s ease;
  animation: gxDispatchCardIn .45s cubic-bezier(.22, 1, .36, 1) both;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item:hover {
  transform: translateY(-3px);
  border-color: rgba(73, 205, 255, .43) !important;
  box-shadow: 0 9px 23px rgba(0, 0, 0, .22), 0 0 17px rgba(54, 183, 255, .09);
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item.is-selected {
  border-color: rgba(54, 239, 174, .55) !important;
  background: linear-gradient(135deg, rgba(7, 76, 64, .55), rgba(3, 27, 53, .86)) !important;
  box-shadow: 0 0 22px rgba(54, 239, 174, .1), inset 3px 0 0 rgba(54, 239, 174, .68);
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item.is-selected::after {
  content: '\2713';
  position: absolute;
  top: 5px;
  right: 6px;
  color: #74ffc9;
  font-size: .56rem;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item img {
  filter: drop-shadow(0 0 8px rgba(69, 190, 255, .18)) !important;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), filter .35s ease;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item:hover img,
html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item.is-selected img {
  transform: scale(1.09) translateY(-1px);
  filter: drop-shadow(0 0 10px rgba(78, 219, 255, .38)) !important;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item input {
  min-height: 34px;
  border-radius: 7px !important;
  font-variant-numeric: tabular-nums;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-eta {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 9px 11px !important;
  border: 1px solid rgba(70, 185, 255, .22);
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(8, 42, 82, .7), rgba(5, 23, 56, .58));
  color: #bcecff !important;
  font-variant-numeric: tabular-nums;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-send-btn {
  position: relative;
  min-height: 52px !important;
  overflow: hidden;
  border-radius: 11px !important;
  background: linear-gradient(105deg, rgba(21, 95, 122, .75), rgba(17, 67, 108, .8)) !important;
  transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease, filter .3s ease;
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-send-btn.is-ready {
  border-color: rgba(54, 239, 174, .62) !important;
  background: linear-gradient(105deg, #0b8f69, #0f6d8f 62%, #2654a2) !important;
  box-shadow: 0 0 25px rgba(54, 239, 174, .17), inset 0 1px 0 rgba(221, 255, 244, .15);
}

html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-send-btn.is-ready:hover { transform: translateY(-2px) scale(1.003); box-shadow: 0 10px 28px rgba(0, 0, 0, .28), 0 0 30px rgba(54, 239, 174, .22); }
html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-send-btn.is-ready i { animation: gxDispatchRocket 2.2s ease-in-out infinite; }

@keyframes gxDispatchEnter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes gxDispatchCardIn { from { opacity: .72; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes gxDispatchSweep { 0%, 66% { transform: skewX(-18deg) translateX(-180%); } 88%, 100% { transform: skewX(-18deg) translateX(520%); } }
@keyframes gxDispatchRadar { to { transform: rotate(360deg); } }
@keyframes gxDispatchRocket { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }

@media (max-width: 1050px) {
  html[data-gx-server="testserver"] .gx-dispatch-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  html[data-gx-server="testserver"] .gx-dispatch-console-head { grid-template-columns: 48px minmax(0, 1fr); gap: 10px; padding: 12px; }
  html[data-gx-server="testserver"] .gx-dispatch-radar { width: 44px; }
  html[data-gx-server="testserver"] .gx-dispatch-console-copy h2 { font-size: .78rem; }
  html[data-gx-server="testserver"] .gx-dispatch-console-copy small { font-size: .6rem; line-height: 1.35; }
  html[data-gx-server="testserver"] .gx-dispatch-readiness { grid-column: 1 / -1; min-width: 0; }
  html[data-gx-server="testserver"] .gx-dispatch-steps { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
  html[data-gx-server="testserver"] .gx-dispatch-step { flex: 0 0 128px; }
  html[data-gx-server="testserver"] .gx-dispatch-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-gx-server="testserver"] .gx-dispatch-summary-item:last-child { grid-column: 1 / -1; }
  html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-gx-server="testserver"] .gx-dispatch-console-head,
  html[data-gx-server="testserver"] .gx-dispatch-console-head::after,
  html[data-gx-server="testserver"] .gx-dispatch-radar::before,
  html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-ship-select-item,
  html[data-gx-server="testserver"] .gx-dispatch-modern .fleet-send-btn i {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}