/* Classic navigation preview. This file is injected only for the logical testserver. */
html.gx-classic-navigation-preview {
  --gx-classic-cyan: #35b9ff;
  --gx-classic-blue: #3478f6;
  --gx-classic-violet: #8b5cf6;
  --gx-classic-panel: rgba(4, 12, 34, .97);
  --gx-classic-line: rgba(73, 170, 255, .25);
}

html.gx-classic-navigation-preview .space-topnav {
  overflow: visible !important;
  z-index: 810 !important;
}

html.gx-classic-navigation-preview .topnav-center.gx-classic-centers {
  min-width: 0;
  flex: 1 1 auto;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(96px, 1fr));
  align-items: center;
  gap: 6px !important;
  overflow: visible !important;
  position: relative;
  z-index: 820;
}

html.gx-classic-navigation-preview .gx-classic-center {
  min-width: 0;
  position: relative;
}

html.gx-classic-navigation-preview .gx-classic-center-btn {
  width: 100%;
  min-height: 38px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid rgba(55, 152, 235, .18);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(15, 38, 78, .48), rgba(5, 14, 35, .68));
  color: rgba(196, 222, 255, .72);
  font: 700 .66rem/1 'Orbitron', sans-serif;
  letter-spacing: .04em;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

html.gx-classic-navigation-preview .gx-classic-center-btn > i:first-child {
  color: var(--gx-classic-cyan);
  text-align: center;
}

html.gx-classic-navigation-preview .gx-classic-center-btn > i:last-child {
  color: rgba(180, 215, 255, .42);
  font-size: .54rem;
  transition: transform .16s ease;
}

html.gx-classic-navigation-preview .gx-classic-center.is-active .gx-classic-center-btn,
html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-center-btn,
html.gx-classic-navigation-preview .gx-classic-center-btn:hover {
  border-color: rgba(53, 185, 255, .58);
  background: linear-gradient(180deg, rgba(27, 103, 180, .36), rgba(18, 38, 91, .48));
  color: #fff;
  box-shadow: 0 0 18px rgba(36, 151, 255, .13), inset 0 1px rgba(255, 255, 255, .05);
}

html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-center-btn > i:last-child {
  transform: rotate(180deg);
}

html.gx-classic-navigation-preview .gx-classic-center-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(460px, calc(100vw - 26px));
  display: none;
  padding: 13px;
  border: 1px solid rgba(53, 185, 255, .38);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(5, 18, 45, .99), rgba(8, 8, 30, .99));
  box-shadow: 0 22px 58px rgba(0, 0, 0, .68), 0 0 32px rgba(37, 139, 255, .15);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  z-index: 950;
}

html.gx-classic-navigation-preview .gx-classic-center:nth-child(3) .gx-classic-center-panel,
html.gx-classic-navigation-preview .gx-classic-center:nth-child(4) .gx-classic-center-panel {
  left: auto;
  right: 0;
}

html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-center-panel {
  display: block;
  animation: gxClassicPanelIn .14s ease-out both;
}

@keyframes gxClassicPanelIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  padding: 0 1px 10px;
  border-bottom: 1px solid rgba(70, 160, 255, .16);
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header > i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(53, 185, 255, .3);
  border-radius: 8px;
  background: rgba(53, 185, 255, .09);
  color: var(--gx-classic-cyan);
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header span,
html.gx-classic-navigation-preview .gx-classic-center-panel > header strong,
html.gx-classic-navigation-preview .gx-classic-center-panel > header small {
  display: block;
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header strong {
  color: #f1f7ff;
  font: 800 .73rem/1.2 'Orbitron', sans-serif;
  letter-spacing: .08em;
}

html.gx-classic-navigation-preview .gx-classic-center-panel > header small {
  margin-top: 3px;
  color: rgba(170, 207, 241, .44);
  font-size: .62rem;
}

html.gx-classic-navigation-preview .gx-classic-center-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

html.gx-classic-navigation-preview .gx-classic-center-group { min-width: 0; }
html.gx-classic-navigation-preview .gx-classic-center-group[data-gx-ungrouped="1"] { grid-column: 1 / -1; }
html.gx-classic-navigation-preview .gx-classic-center-group > h3 { margin: 0 0 7px; color: rgba(130,194,238,.58); font: 800 .55rem/1.2 'Exo 2',sans-serif; letter-spacing: .75px; text-transform: uppercase; }
html.gx-classic-navigation-preview .gx-classic-center-group > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
html.gx-classic-navigation-preview .gx-classic-center[data-gx-classic-center="imperium"] .gx-classic-center-links { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
html.gx-classic-navigation-preview .gx-classic-center[data-gx-classic-center="imperium"] .gx-classic-center-group > div { grid-template-columns: 1fr; }

html.gx-classic-navigation-preview .gx-classic-nav-link,
html.gx-classic-navigation-preview .gx-classic-sidebar-link {
  min-width: 0;
  min-height: 39px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  border: 1px solid rgba(67, 157, 245, .12);
  border-radius: 7px;
  background: rgba(43, 124, 214, .045);
  color: rgba(210, 229, 252, .76);
  font: 600 .72rem/1.2 'Exo 2', sans-serif;
  text-decoration: none;
  transition: border-color .14s ease, background .14s ease, color .14s ease;
}

html.gx-classic-navigation-preview .gx-classic-nav-link i,
html.gx-classic-navigation-preview .gx-classic-sidebar-link i {
  color: #62baf5;
  text-align: center;
}

html.gx-classic-navigation-preview .gx-classic-nav-link span,
html.gx-classic-navigation-preview .gx-classic-sidebar-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-classic-nav-link:hover,
html.gx-classic-navigation-preview .gx-classic-sidebar-link:hover {
  border-color: rgba(53, 185, 255, .42);
  background: rgba(38, 137, 236, .14);
  color: #fff;
}

html.gx-classic-navigation-preview .gx-classic-center-panel > footer,
html.gx-classic-navigation-preview .gx-classic-mobile-drawer > footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid rgba(70, 160, 255, .15);
}

html.gx-classic-navigation-preview .gx-classic-utility-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(171, 205, 240, .55);
  font-size: .64rem;
  text-decoration: none;
}

html.gx-classic-navigation-preview .gx-classic-utility-link:hover { color: #fff; }
html.gx-classic-navigation-preview .gx-classic-utility-link.is-danger { color: rgba(255, 123, 139, .76); }
html.gx-classic-navigation-preview button.gx-classic-utility-link,
html.gx-classic-navigation-preview button.gx-classic-sidebar-link {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  font-family: inherit;
  cursor: pointer;
}
html.gx-classic-navigation-preview button.gx-classic-sidebar-link { width: 100%; text-align: left; }
html.gx-classic-navigation-preview .gx-classic-motion-toggle b { color: #80dfff; font: inherit; }

/* Live priority rail */
html.gx-classic-navigation-preview .gx-classic-priority-bar {
  flex: 0 0 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) auto 38px;
  align-items: center;
  gap: 9px;
  margin: 10px 12px 0;
  padding: 8px 9px;
  border: 1px solid rgba(53, 185, 255, .27);
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(22, 91, 161, .2), rgba(5, 14, 34, .94) 35%, rgba(76, 48, 145, .16));
  box-shadow: 0 0 25px rgba(36, 139, 255, .1), inset 0 1px rgba(255, 255, 255, .035);
  color: #eaf5ff;
  position: relative;
  z-index: 120;
}

html.gx-classic-navigation-preview .gx-classic-priority-title {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

html.gx-classic-navigation-preview .gx-classic-priority-title > i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(53, 185, 255, .25);
  border-radius: 8px;
  background: rgba(53, 185, 255, .1);
  color: var(--gx-classic-cyan);
}

html.gx-classic-navigation-preview .gx-classic-priority-title span,
html.gx-classic-navigation-preview .gx-classic-priority-title strong,
html.gx-classic-navigation-preview .gx-classic-priority-title small {
  min-width: 0;
  display: block;
}

html.gx-classic-navigation-preview .gx-classic-priority-title strong {
  overflow: hidden;
  color: #fff;
  font: 800 .64rem/1.2 'Orbitron', sans-serif;
  letter-spacing: .03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-classic-priority-title small {
  margin-top: 2px;
  color: rgba(176, 210, 242, .48);
  font-size: .6rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-title > b {
  min-width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  padding: 0 5px;
  border: 1px solid rgba(255, 183, 71, .3);
  border-radius: 999px;
  background: rgba(255, 168, 34, .11);
  color: #ffd17e;
  font-size: .59rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-items {
  min-width: 0;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: rgba(74, 163, 250, .28) transparent;
}

html.gx-classic-navigation-preview .gx-classic-priority-more {
  min-width: 88px;
  min-height: 38px;
  padding: 0 10px;
  border: 1px solid rgba(75,176,255,.24);
  border-radius: 9px;
  background: rgba(4,26,61,.88);
  color: #8cccf4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: .65rem;
  cursor: pointer;
  white-space: nowrap;
}
html.gx-classic-navigation-preview .gx-classic-priority-more[hidden] { display: none !important; }
html.gx-classic-navigation-preview .gx-classic-priority-more:hover,
html.gx-classic-navigation-preview .gx-classic-priority-more.is-open { border-color: #42beff; color: #effaff; background: rgba(6,54,101,.92); }

html.gx-classic-navigation-preview .gx-classic-priority-bar.has-restore .gx-classic-priority-items {
  margin-right: 38px;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry {
  position: relative;
  flex: 1 0 225px;
  min-width: 225px;
  scroll-snap-align: start;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry .gx-classic-priority-item {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-right: 9px;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry.is-pinned .gx-classic-priority-item {
  box-shadow: inset 0 0 0 1px rgba(93, 204, 255, .17), 0 0 14px rgba(61, 173, 255, .09);
}

html.gx-classic-navigation-preview .gx-classic-priority-actions {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  display: flex;
  gap: 3px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity .16s ease, transform .16s ease;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry:hover .gx-classic-priority-actions,
html.gx-classic-navigation-preview .gx-classic-priority-entry:focus-within .gx-classic-priority-actions { opacity: 1; pointer-events: auto; transform: translateY(0); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:hover .gx-classic-priority-item > b,
html.gx-classic-navigation-preview .gx-classic-priority-entry:focus-within .gx-classic-priority-item > b { opacity: 0; }

html.gx-classic-navigation-preview .gx-classic-priority-actions button,
html.gx-classic-navigation-preview .gx-classic-priority-restore {
  display: grid;
  place-items: center;
  border: 1px solid rgba(91, 185, 248, .22);
  border-radius: 6px;
  background: rgba(2, 18, 45, .94);
  color: rgba(176, 215, 244, .72);
  cursor: pointer;
}

html.gx-classic-navigation-preview .gx-classic-priority-actions button { width: 23px; height: 23px; padding: 0; font-size: .55rem; }
html.gx-classic-navigation-preview .gx-classic-priority-actions button:hover { border-color: rgba(91, 205, 255, .58); color: #fff; }
html.gx-classic-navigation-preview .gx-classic-priority-entry.is-pinned [data-gx-priority-action="pin"] { color: #62ceff; }
html.gx-classic-navigation-preview .gx-classic-priority-restore { position: absolute; right: 52px; width: 30px; height: 30px; padding: 0; }
html.gx-classic-navigation-preview .gx-classic-priority-restore[hidden] { display: none !important; }

html.gx-classic-navigation-preview .gx-classic-loading {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(185, 215, 245, .52);
  font-size: .68rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-item {
  flex: 1 0 205px;
  min-width: 205px;
  min-height: 43px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
  border: 1px solid rgba(53, 185, 255, .13);
  border-radius: 8px;
  background: rgba(4, 15, 36, .78);
  color: rgba(225, 239, 255, .88);
  text-decoration: none;
  scroll-snap-align: start;
}

html.gx-classic-navigation-preview .gx-classic-priority-item > i {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: rgba(53, 185, 255, .09);
  color: var(--gx-classic-cyan);
}

html.gx-classic-navigation-preview .gx-classic-priority-item span,
html.gx-classic-navigation-preview .gx-classic-priority-item strong,
html.gx-classic-navigation-preview .gx-classic-priority-item small {
  min-width: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-classic-priority-item strong { color: #fff; font-size: .69rem; }
html.gx-classic-navigation-preview .gx-classic-priority-item small { margin-top: 2px; color: rgba(190, 217, 245, .52); font-size: .59rem; }
html.gx-classic-navigation-preview .gx-classic-priority-item > b { color: var(--gx-classic-cyan); font: 700 .59rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }

html.gx-classic-navigation-preview .gx-classic-priority-item.is-danger { border-color: rgba(255, 72, 99, .48); background: rgba(83, 9, 28, .61); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-danger > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-danger > b { color: #ff8b9d; background-color: rgba(255, 72, 99, .12); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-warn { border-color: rgba(255, 178, 49, .43); background: rgba(69, 42, 3, .58); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-warn > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-warn > b { color: #ffd17e; background-color: rgba(255, 178, 49, .11); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-clan { border-color: rgba(163, 91, 255, .42); background: rgba(46, 19, 83, .56); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-clan > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-clan > b { color: #d5afff; background-color: rgba(163, 91, 255, .11); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-event { border-color: rgba(38, 203, 186, .38); background: rgba(3, 57, 61, .54); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-event > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-event > b { color: #75ead9; background-color: rgba(38, 203, 186, .11); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-success { border-color: rgba(74, 222, 128, .33); background: rgba(7, 54, 31, .5); }
html.gx-classic-navigation-preview .gx-classic-priority-item.is-success > i,
html.gx-classic-navigation-preview .gx-classic-priority-item.is-success > b { color: #78eba1; background-color: rgba(74, 222, 128, .1); }

html.gx-classic-navigation-preview .gx-classic-priority-refresh {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(53, 185, 255, .22);
  border-radius: 8px;
  background: rgba(53, 185, 255, .055);
  color: rgba(204, 229, 252, .67);
  cursor: pointer;
}

html.gx-classic-navigation-preview .gx-classic-priority-refresh:hover { border-color: rgba(53, 185, 255, .5); color: #fff; }

/* Grouped sidebar navigation */
html.gx-classic-navigation-preview .gx-classic-sidebar-centers {
  display: grid;
  gap: 6px;
  padding: 3px 8px 10px;
}

html.gx-classic-navigation-preview .gx-classic-sidebar-center {
  border: 1px solid rgba(61, 151, 239, .13);
  border-radius: 8px;
  background: rgba(13, 35, 73, .22);
  overflow: hidden;
}

html.gx-classic-navigation-preview .gx-classic-sidebar-center > summary {
  min-height: 42px;
  display: grid;
  grid-template-columns: 23px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  color: rgba(209, 229, 252, .78);
  font: 700 .69rem/1 'Orbitron', sans-serif;
  list-style: none;
  cursor: pointer;
}

html.gx-classic-navigation-preview .gx-classic-sidebar-center > summary::-webkit-details-marker { display: none; }
html.gx-classic-navigation-preview .gx-classic-sidebar-center > summary i:first-child { color: var(--gx-classic-cyan); text-align: center; }
html.gx-classic-navigation-preview .gx-classic-sidebar-center > summary i:last-child { color: rgba(184, 215, 245, .4); font-size: .55rem; transition: transform .15s ease; }
html.gx-classic-navigation-preview .gx-classic-sidebar-center[open] > summary { background: rgba(41, 132, 225, .1); color: #fff; }
html.gx-classic-navigation-preview .gx-classic-sidebar-center[open] > summary i:last-child { transform: rotate(180deg); }
html.gx-classic-navigation-preview .gx-classic-sidebar-center > div { display: grid; gap: 4px; padding: 4px 6px 7px; border-top: 1px solid rgba(61, 151, 239, .1); }
html.gx-classic-navigation-preview .gx-classic-sidebar-link { min-height: 36px; border-color: transparent; background: rgba(42, 122, 205, .035); }

html.gx-classic-navigation-preview .gx-classic-sidebar-tools {
  display: grid;
  gap: 3px;
  margin-top: 3px;
  padding-top: 8px;
  border-top: 1px solid rgba(61, 151, 239, .12);
}

html.gx-classic-navigation-preview .gx-classic-sidebar-tools > strong {
  padding: 2px 7px 4px;
  color: rgba(165, 202, 236, .38);
  font: 700 .56rem/1 'Orbitron', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Mobile center drawer */
html.gx-classic-navigation-preview .gx-classic-mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 885;
  background: rgba(0, 2, 12, .68);
  backdrop-filter: blur(2px);
}

html.gx-classic-navigation-preview .gx-classic-mobile-overlay.is-open { display: block; }

html.gx-classic-navigation-preview .gx-classic-mobile-drawer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(58px + env(safe-area-inset-bottom, 0px));
  z-index: 890;
  max-height: min(74dvh, 640px);
  display: none;
  padding: 12px;
  overflow-y: auto;
  border-top: 1px solid rgba(53, 185, 255, .38);
  border-radius: 14px 14px 0 0;
  background: linear-gradient(160deg, rgba(5, 19, 48, .995), rgba(7, 7, 28, .995));
  box-shadow: 0 -20px 55px rgba(0, 0, 0, .65), 0 0 35px rgba(39, 145, 255, .12);
  overscroll-behavior: contain;
}

html.gx-classic-navigation-preview .gx-classic-mobile-drawer.is-open { display: block; animation: gxClassicDrawerIn .16s ease-out both; }

@keyframes gxClassicDrawerIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

html.gx-classic-navigation-preview .gx-classic-mobile-drawer > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  padding: 0 2px 9px;
  border-bottom: 1px solid rgba(67, 157, 245, .15);
}

html.gx-classic-navigation-preview .gx-classic-mobile-drawer > header > span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font: 800 .74rem/1 'Orbitron', sans-serif;
}

html.gx-classic-navigation-preview .gx-classic-mobile-drawer > header > span i { color: var(--gx-classic-cyan); }
html.gx-classic-navigation-preview .gx-classic-mobile-drawer > header > button { width: 34px; height: 34px; border: 1px solid rgba(67, 157, 245, .2); border-radius: 8px; background: rgba(53, 185, 255, .06); color: #cce9ff; }

html.gx-classic-navigation-preview .gx-classic-mobile-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

html.gx-classic-navigation-preview body.gx-classic-drawer-open { overflow: hidden !important; }

/* Dense surfaces */
html.gx-classic-navigation-preview .sev-class-ranges { display: none !important; }
html.gx-classic-navigation-preview .ek-active-card { min-height: 0 !important; padding: 10px 11px !important; }
html.gx-classic-navigation-preview .ek-ac-banner { height: 105px !important; }
html.gx-classic-navigation-preview .sev-panel { margin-bottom: 10px !important; padding: 12px !important; }

html.gx-classic-navigation-preview .gx-classic-chat-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border: 1px solid rgba(53, 185, 255, .25);
  border-radius: 7px;
  background: rgba(53, 185, 255, .07);
  color: #aedaFA;
  font: 700 .62rem/1 'Exo 2', sans-serif;
}

@media (min-width: 901px) {
  html.gx-classic-navigation-preview .gx-classic-chat-toggle { display: none !important; }
}

@media (max-width: 1180px) and (min-width: 901px) {
  html.gx-classic-navigation-preview .topnav-left { width: auto !important; }
  html.gx-classic-navigation-preview .gx-classic-center-btn { grid-template-columns: 17px minmax(0, 1fr); padding: 0 7px; font-size: .59rem; }
  html.gx-classic-navigation-preview .gx-classic-center-btn > i:last-child { display: none; }
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 170px minmax(0, 1fr) 36px; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .topnav-center.gx-classic-centers { display: none !important; }
  html.gx-classic-navigation-preview #mob-mehr-panel,
  html.gx-classic-navigation-preview #mob-mehr-overlay { display: none !important; }

  html.gx-classic-navigation-preview #mobile-global-nav.gx-classic-mobile-nav,
  html.gx-classic-navigation-preview #mobile-bottom-nav.gx-classic-mobile-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html.gx-classic-navigation-preview body:not(.classic-dashboard-page):not(.classic-dashboard-wheel-page) #mobile-global-nav.gx-classic-mobile-nav {
    display: grid !important;
  }

  html.gx-classic-navigation-preview body.classic-dashboard-page #mobile-global-nav,
  html.gx-classic-navigation-preview body.classic-dashboard-wheel-page #mobile-global-nav { display: none !important; }

  html.gx-classic-navigation-preview body.classic-dashboard-page #mobile-bottom-nav.gx-classic-mobile-nav,
  html.gx-classic-navigation-preview body.classic-dashboard-wheel-page #mobile-bottom-nav.gx-classic-mobile-nav { display: grid !important; }

  html.gx-classic-navigation-preview .gx-classic-mobile-center-btn {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 0;
    border-top: 2px solid transparent;
    background: transparent;
    color: rgba(163, 196, 231, .55);
    font: 700 .56rem/1 'Exo 2', sans-serif;
  }

  html.gx-classic-navigation-preview .gx-classic-mobile-center-btn i { color: #69baf1; font-size: .92rem; }
  html.gx-classic-navigation-preview .gx-classic-mobile-center-btn.is-active { border-top-color: var(--gx-classic-cyan); background: rgba(53, 185, 255, .07); color: #fff; }

  html.gx-classic-navigation-preview .gx-classic-priority-bar {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 7px;
    margin: 8px 8px 0;
    padding: 7px;
  }

  html.gx-classic-navigation-preview .gx-classic-priority-title { display: block; }
  html.gx-classic-navigation-preview .gx-classic-priority-title > i { width: 32px; height: 32px; }
  html.gx-classic-navigation-preview .gx-classic-priority-title > span,
  html.gx-classic-navigation-preview .gx-classic-priority-title > b,
  html.gx-classic-navigation-preview .gx-classic-priority-refresh { display: none !important; }
  html.gx-classic-navigation-preview .gx-classic-priority-item { flex-basis: min(79vw, 295px); min-width: min(79vw, 295px); }
  html.gx-classic-navigation-preview .gx-classic-priority-bar.has-restore .gx-classic-priority-items { margin-right: 0; padding-right: 38px; }
  html.gx-classic-navigation-preview .gx-classic-priority-restore { right: 7px; }

  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed .chat-tabs,
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed .chat-body,
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed .chat-form,
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed #galaxorAutocompleteAnchor { display: none !important; }
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed { min-height: 0 !important; }
  html.gx-classic-navigation-preview #galaxorChatPanel.gx-classic-chat-collapsed .panel-header { margin: 0 !important; padding: 7px 8px !important; border: 0 !important; }

  html.gx-classic-navigation-preview #lbModal > div { max-height: calc(100dvh - 18px) !important; overflow-y: auto !important; }
  html.gx-classic-navigation-preview #lbModal .lb-body { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; padding: 9px 8px !important; gap: 8px !important; }
  html.gx-classic-navigation-preview #lbModal .lb-right-col { order: 1 !important; width: 100% !important; min-width: 0 !important; }
  html.gx-classic-navigation-preview #lbModal .lb-grid-col { order: 2 !important; width: 100% !important; min-width: 0 !important; overflow-x: auto !important; padding-bottom: 4px; }
  html.gx-classic-navigation-preview #lbModal .lb-grid { width: max-content !important; min-width: 100% !important; grid-template-columns: repeat(30, minmax(62px, 70px)) !important; gap: 4px !important; }
  html.gx-classic-navigation-preview #lbModal .lb-cell { width: auto !important; min-height: 62px !important; aspect-ratio: 1 / 1 !important; }
  html.gx-classic-navigation-preview #lbModal .lb-header { padding: 9px 11px 7px !important; }
  html.gx-classic-navigation-preview #lbModal .lb-header-img { width: 30px !important; height: 30px !important; }

  html.gx-classic-navigation-preview .ek-wrap { padding: 9px !important; }
  html.gx-classic-navigation-preview .ek-ac-banner { height: 82px !important; }
}

@media (max-width: 520px) {
  html.gx-classic-navigation-preview .gx-classic-mobile-drawer { padding: 10px 8px; }
  html.gx-classic-navigation-preview .gx-classic-mobile-links { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-classic-nav-link { min-height: 42px; }
  html.gx-classic-navigation-preview .gx-classic-mobile-drawer > footer { gap: 8px 12px; }
}

/* Classic testserver command center */
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > .gx-classic-central-legacy-panel,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > .gx-classic-central-legacy-event,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > [data-live-event-type],
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > #hhBanner,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > #weltbossBanner,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > #weltbossVictoryBanner,
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > [id^="pvpTBanner_"],
html.gx-classic-navigation-preview #section-zentrale.gx-classic-central-ready > [id^="explTBanner_"] { display: none !important; }

html.gx-classic-navigation-preview .gx-classic-command-center {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding-bottom: 18px;
}

html.gx-classic-navigation-preview .gx-command-center-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 2px 2px 0;
}

html.gx-classic-navigation-preview .gx-command-center-head > div > span,
html.gx-classic-navigation-preview .gx-command-panel > header > div > span,
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) > span {
  display: block;
  margin-bottom: 4px;
  color: rgba(101, 192, 255, .62);
  font: 800 .56rem/1 'Orbitron', sans-serif;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

html.gx-classic-navigation-preview .gx-command-center-head h1 {
  margin: 0;
  color: #e8f5ff;
  font: 800 1.02rem/1.25 'Orbitron', sans-serif;
  letter-spacing: 1.1px;
}

html.gx-classic-navigation-preview .gx-command-center-head small {
  display: block;
  margin-top: 5px;
  color: rgba(155, 194, 227, .48);
  font-size: .63rem;
}

html.gx-classic-navigation-preview #gxCommandRefresh {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(80, 177, 255, .24);
  border-radius: 9px;
  background: rgba(6, 27, 64, .78);
  color: #72c9ff;
  cursor: pointer;
}

html.gx-classic-navigation-preview .gx-classic-command-center[data-loading="1"] #gxCommandRefresh i { animation: fa-spin 1s infinite linear; }

html.gx-classic-navigation-preview .gx-command-center-deck {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

html.gx-classic-navigation-preview .gx-command-center-card,
html.gx-classic-navigation-preview .gx-command-skeleton {
  min-width: 0;
  min-height: 136px;
  border: 1px solid rgba(65, 162, 246, .18);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(3, 20, 52, .93), rgba(8, 18, 52, .82));
}

html.gx-classic-navigation-preview .gx-command-center-card {
  display: flex;
  flex-direction: column;
  padding: 13px 14px 11px;
  color: #ddecfa;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

html.gx-classic-navigation-preview .gx-command-center-card:hover {
  transform: translateY(-2px);
  border-color: rgba(81, 190, 255, .46);
  background: linear-gradient(145deg, rgba(5, 32, 74, .96), rgba(13, 23, 66, .9));
}

html.gx-classic-navigation-preview .gx-command-center-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  color: rgba(166, 207, 239, .7);
  font: 800 .61rem/1 'Orbitron', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

html.gx-classic-navigation-preview .gx-command-center-card header span { display: flex; align-items: center; gap: 7px; }
html.gx-classic-navigation-preview .gx-command-center-card header > i { opacity: .34; font-size: .58rem; }
html.gx-classic-navigation-preview .gx-command-center-card > strong { overflow: hidden; color: #f2f8ff; font: 800 .93rem/1.2 'Orbitron', sans-serif; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-center-card > small { overflow: hidden; min-height: 30px; margin-top: 5px; color: rgba(158, 196, 226, .55); font-size: .65rem; line-height: 1.4; }
html.gx-classic-navigation-preview .gx-command-card-timer { margin-top: 7px; color: #80d9ff; font: 800 .72rem/1 'Exo 2',sans-serif; font-variant-numeric: tabular-nums; }
html.gx-classic-navigation-preview .gx-command-center-card footer { display: flex; align-items: center; gap: 6px; margin-top: auto; color: rgba(176, 207, 232, .54); font-size: .6rem; }
html.gx-classic-navigation-preview .gx-command-center-card footer span { width: 6px; height: 6px; border-radius: 50%; background: #38c989; box-shadow: 0 0 8px rgba(56, 201, 137, .55); }
html.gx-classic-navigation-preview .gx-command-center-card footer span.is-active { background: #43bfff; box-shadow: 0 0 8px rgba(67, 191, 255, .62); }
html.gx-classic-navigation-preview .gx-command-center-card footer span.is-danger { background: #ff536c; box-shadow: 0 0 9px rgba(255, 83, 108, .7); }
html.gx-classic-navigation-preview .gx-command-center-card footer span.is-event { background: #ac72ff; box-shadow: 0 0 9px rgba(172, 114, 255, .66); }
html.gx-classic-navigation-preview .gx-command-center-card.is-imperium header span > i { color: #55c5ff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-flotten header span > i { color: #6aa7ff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-universum header span > i { color: #a77dff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-gemeinschaft header span > i { color: #55d8b0; }
html.gx-classic-navigation-preview .gx-command-center-card.is-building header span > i { color: #55c5ff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-research header span > i { color: #ae80ff; }
html.gx-classic-navigation-preview .gx-command-center-card.is-yard header span > i { color: #ffbd58; }

html.gx-classic-navigation-preview .gx-command-community-row { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:10px;min-width:0; }
html.gx-classic-navigation-preview .gx-command-community-row > * { min-width:0; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav { display:grid;gap:6px;padding:9px; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav a { min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(69,154,225,.14);border-radius:9px;background:rgba(3,21,49,.66);color:#dcefff;text-decoration:none; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav a:hover { border-color:rgba(78,190,255,.42);background:rgba(6,43,83,.78); }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav i { width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(57,167,235,.1);color:#69c8ff; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav span,
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav strong,
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav small { display:block;min-width:0; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav strong { font-size:.69rem; }
html.gx-classic-navigation-preview .gx-command-community-shortcuts nav small { margin-top:2px;color:rgba(173,207,231,.58);font-size:.59rem; }

html.gx-classic-navigation-preview #dashBoniBar.gx-command-assistants {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(75, 165, 241, .18) !important;
  border-radius: 11px !important;
  background: linear-gradient(90deg, rgba(4, 25, 57, .88), rgba(8, 20, 52, .76)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gx-classic-navigation-preview #dashBoniBar .gx-command-assistants-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 3px 0 0 !important;
  color: rgba(151, 204, 241, .62) !important;
  font: 800 .56rem/1 'Orbitron', sans-serif !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}

html.gx-classic-navigation-preview #dashBoniBar .gx-command-assistants-label i {
  color: #ffd45f !important;
  filter: drop-shadow(0 0 5px rgba(255, 202, 62, .35));
}

html.gx-classic-navigation-preview #dashBoniBar .aktiv-bonus-chip > a,
html.gx-classic-navigation-preview #dashBoniBar #dashBoosterChips > a {
  min-height: 30px;
  padding: 5px 10px !important;
  border-color: rgba(125, 187, 235, .16) !important;
  border-radius: 8px !important;
  background: rgba(5, 22, 50, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
  font-size: .64rem !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

html.gx-classic-navigation-preview #dashBoniBar .aktiv-bonus-chip > a:hover,
html.gx-classic-navigation-preview #dashBoniBar #dashBoosterChips > a:hover {
  opacity: 1 !important;
  transform: translateY(-1px);
  border-color: rgba(103, 199, 255, .38) !important;
  background: rgba(8, 37, 76, .9) !important;
}

html.gx-classic-navigation-preview #dashBoniBar .aktiv-bonus-chip > a span {
  color: rgba(221, 238, 251, .6) !important;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

html.gx-classic-navigation-preview .gx-command-skeleton {
  background: linear-gradient(100deg, rgba(4, 20, 50, .8) 30%, rgba(18, 55, 91, .65) 48%, rgba(4, 20, 50, .8) 66%);
  background-size: 240% 100%;
  animation: gxCommandSkeleton 1.4s linear infinite;
}

@keyframes gxCommandSkeleton { to { background-position: -240% 0; } }

html.gx-classic-navigation-preview .gx-command-workspace {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

html.gx-classic-navigation-preview .gx-command-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(65, 162, 246, .16);
  border-radius: 12px;
  background: rgba(2, 16, 43, .84);
}

html.gx-classic-navigation-preview .gx-command-panel > header {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(80, 164, 236, .13);
  background: rgba(6, 31, 70, .46);
}

html.gx-classic-navigation-preview .gx-command-panel > header h2 { margin: 0; color: #dcefff; font: 800 .75rem/1.2 'Orbitron', sans-serif; letter-spacing: .7px; }
html.gx-classic-navigation-preview .gx-command-panel > header > a { color: rgba(108, 196, 255, .72); font-size: .61rem; text-decoration: none; }

html.gx-classic-navigation-preview #gxCommandOperations { display: grid; gap: 5px; padding: 8px; }

html.gx-classic-navigation-preview .gx-command-operation {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 7px 9px;
  border: 1px solid rgba(73, 149, 217, .1);
  border-radius: 8px;
  background: rgba(7, 28, 62, .48);
  color: #d8eafa;
  text-decoration: none;
}

html.gx-classic-navigation-preview .gx-command-operation:hover { border-color: rgba(79, 185, 255, .32); background: rgba(10, 43, 89, .62); }
html.gx-classic-navigation-preview .gx-command-operation > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: rgba(55, 165, 240, .09); color: #6bc9ff; }
html.gx-classic-navigation-preview .gx-command-operation-icon { width: 30px; height: 30px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(77, 177, 244, .16); border-radius: 8px; background: radial-gradient(circle, rgba(62, 169, 239, .16), rgba(5, 22, 51, .5)); }
html.gx-classic-navigation-preview .gx-command-operation-icon img { width: 25px; height: 25px; display: block; object-fit: contain; filter: drop-shadow(0 0 5px rgba(73, 188, 255, .28)); }
html.gx-classic-navigation-preview .gx-command-operation-icon > i { width: 100%; height: 100%; place-items: center; color: #6bc9ff; }
html.gx-classic-navigation-preview .gx-command-operation-icon > i:not([hidden]) { display: grid; }
html.gx-classic-navigation-preview .gx-command-operation > span { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-operation-main { min-width: 0; display: block; color: inherit; text-decoration: none; }
html.gx-classic-navigation-preview .gx-command-operation > span strong,
html.gx-classic-navigation-preview .gx-command-operation > span small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-operation > span strong { color: #dceeff; font-size: .68rem; }
html.gx-classic-navigation-preview .gx-command-operation > span small { margin-top: 3px; color: rgba(156, 195, 225, .5); font-size: .59rem; }
html.gx-classic-navigation-preview .gx-command-operation > b { color: #77d3ff; font: 700 .61rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-operation.is-danger { border-color: rgba(255, 73, 97, .28); background: rgba(96, 11, 32, .25); }
html.gx-classic-navigation-preview .gx-command-operation.is-danger > i,
html.gx-classic-navigation-preview .gx-command-operation.is-danger > b { color: #ff7186; }
html.gx-classic-navigation-preview .gx-command-operation.is-research > i { color: #ad7bff; }
html.gx-classic-navigation-preview .gx-command-operation.is-defense > i { color: #47d79f; }

html.gx-classic-navigation-preview .gx-command-empty { min-height: 82px; display: flex; align-items: center; justify-content: center; gap: 11px; padding: 15px; color: #52d49d; }
html.gx-classic-navigation-preview .gx-command-empty > i { font-size: 1.05rem; }
html.gx-classic-navigation-preview .gx-command-empty span strong,
html.gx-classic-navigation-preview .gx-command-empty span small { display: block; }
html.gx-classic-navigation-preview .gx-command-empty span strong { color: #cfe8f8; font-size: .69rem; }
html.gx-classic-navigation-preview .gx-command-empty span small { margin-top: 4px; color: rgba(155, 194, 222, .48); font-size: .61rem; }
html.gx-classic-navigation-preview .gx-command-empty.is-error { color: #ff7186; }

html.gx-classic-navigation-preview .gx-command-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 8px;
  border-top: 1px solid rgba(80, 164, 236, .12);
}

html.gx-classic-navigation-preview .gx-command-quick-actions a { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 6px; border: 1px solid rgba(73, 161, 232, .16); border-radius: 8px; background: rgba(12, 42, 82, .42); color: rgba(189, 220, 241, .72); font-size: .61rem; text-decoration: none; }
html.gx-classic-navigation-preview .gx-command-quick-actions a:hover { border-color: rgba(79, 190, 255, .38); color: #fff; }

html.gx-classic-navigation-preview .gx-command-side { min-width: 0; display: grid; gap: 10px; }
html.gx-classic-navigation-preview .gx-command-event { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px; }
html.gx-classic-navigation-preview .gx-command-event-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(170, 107, 255, .3); border-radius: 10px; background: rgba(116, 61, 203, .18); color: #b78cff; }
html.gx-classic-navigation-preview .gx-command-event-icon.is-calm { border-color: rgba(56, 201, 137, .25); background: rgba(25, 114, 83, .16); color: #52d49d; }
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) strong,
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) small { display: block; overflow: hidden; text-overflow: ellipsis; }
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) strong { color: #e4effb; font-size: .7rem; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-event > div:nth-child(2) small { max-height: 30px; margin-top: 4px; color: rgba(161, 196, 224, .5); font-size: .59rem; line-height: 1.35; }
html.gx-classic-navigation-preview .gx-command-event > a { display: flex; align-items: center; gap: 6px; color: #a9dfff; font: 700 .58rem/1 'Orbitron', sans-serif; text-decoration: none; white-space: nowrap; }

html.gx-classic-navigation-preview .gx-command-chat-host { padding: 0; }
html.gx-classic-navigation-preview .gx-command-chat-host #galaxorChatPanel { min-height: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html.gx-classic-navigation-preview .gx-classic-command-center .gx-classic-chat-toggle { display: inline-flex !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-tabs,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-body,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-form,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed #galaxorAutocompleteAnchor { display: none !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .panel-header { margin: 0 !important; padding: 9px 11px !important; border: 0 !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel:not(.gx-classic-chat-collapsed) .chat-body {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel:not(.gx-classic-chat-collapsed) {
  height: clamp(420px, 62vh, 680px) !important;
  min-height: 420px !important;
  max-height: calc(100dvh - 145px) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto 0 !important;
  overflow: hidden !important;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel:not(.gx-classic-chat-collapsed) .chat-msgs {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-bottom: 18px !important;
  scroll-padding-bottom: 18px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel:not(.gx-classic-chat-collapsed) .chat-form { flex: 0 0 auto; }

@media (max-width: 1180px) {
  html.gx-classic-navigation-preview .gx-command-center-deck { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.gx-classic-navigation-preview .gx-command-workspace { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-command-center { padding: 10px 8px 95px; }
  html.gx-classic-navigation-preview .gx-command-center-head { align-items: center; }
  html.gx-classic-navigation-preview .gx-command-center-head h1 { font-size: .85rem; }
  html.gx-classic-navigation-preview .gx-command-workspace { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-side { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-operations { order: 1; }
  html.gx-classic-navigation-preview .gx-command-side { order: 2; }
}

@media (max-width: 560px) {
  html.gx-classic-navigation-preview .gx-command-center-deck { gap: 7px; }
  html.gx-classic-navigation-preview .gx-command-center-card { min-height: 124px; padding: 11px 10px 9px; }
  html.gx-classic-navigation-preview .gx-command-center-card > strong { font-size: .78rem; }
  html.gx-classic-navigation-preview .gx-command-center-card > small { font-size: .56rem; }
  html.gx-classic-navigation-preview .gx-command-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.gx-classic-navigation-preview .gx-command-operation { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 7px; padding: 6px 7px; }
  html.gx-classic-navigation-preview .gx-command-event { grid-template-columns: 36px minmax(0, 1fr); }
  html.gx-classic-navigation-preview .gx-command-event-icon { width: 36px; height: 36px; }
  html.gx-classic-navigation-preview .gx-command-event > a { grid-column: 2; justify-self: start; }
}

/* Command center visual depth and restrained motion */
html.gx-classic-navigation-preview .gx-classic-command-center {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 15px;
  border: 1px solid rgba(62, 169, 244, .1);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(1, 9, 29, .4), rgba(4, 17, 48, .2));
  box-shadow: inset 0 1px 0 rgba(150, 220, 255, .035), 0 18px 60px rgba(0, 0, 20, .16);
}

html.gx-classic-navigation-preview .gx-classic-command-center::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: -35% -15%;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 28%, rgba(0, 179, 255, .12), transparent 26%),
    radial-gradient(circle at 83% 18%, rgba(126, 75, 255, .1), transparent 24%),
    radial-gradient(circle at 68% 86%, rgba(22, 210, 157, .055), transparent 23%);
  animation: gxCommandAtmosphere 16s ease-in-out infinite alternate;
}

html.gx-classic-navigation-preview .gx-classic-command-center::after {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(86, 175, 238, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(86, 175, 238, .035) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 82%);
}

html.gx-classic-navigation-preview .gx-classic-command-center > * { position: relative; z-index: 1; }

html.gx-classic-navigation-preview .gx-command-center-head { padding-left: 13px; }
html.gx-classic-navigation-preview .gx-command-center-head::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(#4dc8ff, rgba(83, 108, 255, .35));
  box-shadow: 0 0 14px rgba(77, 200, 255, .5);
}

html.gx-classic-navigation-preview .gx-command-center-head > div > span b {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 8px;
  padding: 3px 7px;
  border: 1px solid rgba(48, 209, 151, .22);
  border-radius: 20px;
  background: rgba(25, 128, 91, .1);
  color: rgba(91, 225, 175, .72);
  font-size: .48rem;
  letter-spacing: .8px;
}

html.gx-classic-navigation-preview .gx-command-center-head > div > span b i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #45da9e;
  box-shadow: 0 0 8px rgba(69, 218, 158, .75);
  animation: gxCommandStatus 2.8s ease-in-out infinite;
}

html.gx-classic-navigation-preview #gxCommandRefresh { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
html.gx-classic-navigation-preview #gxCommandRefresh:hover { transform: rotate(22deg); border-color: rgba(80, 195, 255, .5); box-shadow: 0 0 18px rgba(36, 169, 255, .16); }

html.gx-classic-navigation-preview .gx-command-center-card {
  --gx-command-accent: 75, 192, 255;
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--gx-command-accent), .2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 28px rgba(0, 5, 24, .18);
  animation: gxCommandCardBreath 7s ease-in-out infinite;
}

html.gx-classic-navigation-preview .gx-command-center-card.is-imperium { --gx-command-accent: 74, 196, 255; }
html.gx-classic-navigation-preview .gx-command-center-card.is-flotten { --gx-command-accent: 87, 141, 255; animation-delay: -1.4s; }
html.gx-classic-navigation-preview .gx-command-center-card.is-universum { --gx-command-accent: 165, 113, 255; animation-delay: -2.8s; }
html.gx-classic-navigation-preview .gx-command-center-card.is-gemeinschaft { --gx-command-accent: 70, 216, 169; animation-delay: -4.2s; }

html.gx-classic-navigation-preview .gx-command-center-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 9%;
  right: 9%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--gx-command-accent), .85), transparent);
  box-shadow: 0 0 12px rgba(var(--gx-command-accent), .5);
}

html.gx-classic-navigation-preview .gx-command-center-card::after {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  right: -80px;
  bottom: -100px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--gx-command-accent), .13), transparent 68%);
  pointer-events: none;
  transition: transform .3s ease, opacity .3s ease;
}

html.gx-classic-navigation-preview .gx-command-center-card:hover::after { transform: translate(-16px, -18px) scale(1.2); }
html.gx-classic-navigation-preview .gx-command-center-card footer span { animation: gxCommandStatus 3.2s ease-in-out infinite; }

html.gx-classic-navigation-preview .gx-command-panel {
  border-color: rgba(72, 169, 238, .2);
  box-shadow: inset 0 1px 0 rgba(150, 220, 255, .025), 0 10px 34px rgba(0, 4, 22, .16);
  backdrop-filter: blur(10px);
}

html.gx-classic-navigation-preview .gx-command-operation { animation: gxCommandEnter .34s ease both; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(2) { animation-delay: .035s; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(3) { animation-delay: .07s; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(4) { animation-delay: .105s; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(5) { animation-delay: .14s; }
html.gx-classic-navigation-preview .gx-command-operation:nth-child(6) { animation-delay: .175s; }

/* Polling updates keep their existing DOM and real changes render without a reload flash. */
html.gx-classic-navigation-preview .gx-command-stable-render > .gx-command-center-card,
html.gx-classic-navigation-preview .gx-command-stable-render > .gx-command-operation { animation: none !important; }

html.gx-classic-navigation-preview .gx-command-event-icon:not(.is-calm) { animation: gxCommandFloat 4.5s ease-in-out infinite; box-shadow: 0 0 24px rgba(150, 93, 255, .12); }

/* Collapsed chat remains useful: newest five messages stay visible. */
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-tabs,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-form,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed #galaxorAutocompleteAnchor,
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-online-panel { display: none !important; }

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-body {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msgs {
  height: auto !important;
  min-height: 120px !important;
  max-height: 230px !important;
  overflow: hidden !important;
  padding: 7px 9px 9px !important;
  mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 100%);
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msg { display: none !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msg.gx-command-chat-preview-message {
  display: block !important;
  margin: 0 !important;
  padding: 6px 7px !important;
  border-left-width: 2px !important;
  border-bottom: 1px solid rgba(75, 149, 215, .08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  animation: gxCommandChatIn .28s ease both;
}

html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msg.gx-command-chat-preview-message:last-child { border-bottom: 0 !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .msg-meta { margin-bottom: 2px !important; font-size: .58rem !important; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .msg-body { overflow: hidden; color: rgba(207, 228, 244, .76) !important; font-size: .65rem !important; line-height: 1.35 !important; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .msg-reactions { display: none !important; }

@keyframes gxCommandAtmosphere {
  0% { transform: translate3d(-1.5%, -1%, 0) scale(1); }
  100% { transform: translate3d(1.5%, 1%, 0) scale(1.04); }
}

@keyframes gxCommandStatus {
  0%, 100% { opacity: .65; transform: scale(.92); }
  50% { opacity: 1; transform: scale(1.12); }
}

@keyframes gxCommandCardBreath {
  0%, 100% { border-color: rgba(var(--gx-command-accent), .18); }
  50% { border-color: rgba(var(--gx-command-accent), .3); }
}

@keyframes gxCommandEnter {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes gxCommandFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes gxCommandChatIn {
  from { opacity: 0; transform: translateX(4px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  html.gx-classic-navigation-preview .gx-classic-command-center::before,
  html.gx-classic-navigation-preview .gx-command-center-card,
  html.gx-classic-navigation-preview .gx-command-center-card footer span,
  html.gx-classic-navigation-preview .gx-command-center-head > div > span b i,
  html.gx-classic-navigation-preview .gx-command-operation,
  html.gx-classic-navigation-preview .gx-command-event-icon,
  html.gx-classic-navigation-preview .gx-command-chat-preview-message { animation: none !important; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-command-center { padding: 12px 8px 95px; border-right: 0; border-left: 0; border-radius: 0; }
  html.gx-classic-navigation-preview .gx-classic-command-center #galaxorChatPanel.gx-classic-chat-collapsed .chat-msgs { max-height: 215px !important; }
}

/* Priority title must stay fully readable. */
@media (min-width: 1181px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 245px minmax(0, 1fr) 38px; }
}

@media (max-width: 1180px) and (min-width: 901px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 220px minmax(0, 1fr) 36px; }
}

html.gx-classic-navigation-preview .gx-classic-priority-title strong { text-overflow: clip; }

/* Full event banners replace the old single special-situation card. */
html.gx-classic-navigation-preview .gx-command-events-panel[hidden] { display: none !important; }
html.gx-classic-navigation-preview #section-zentrale > .gx-command-events-priority { margin-bottom: 12px; }
html.gx-classic-navigation-preview .gx-command-events-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 9px; }

html.gx-classic-navigation-preview .gx-command-event-banner {
  position: relative;
  min-width: 0;
  min-height: 92px;
  display: grid;
  grid-template-columns: 98px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid rgba(151, 100, 255, .24);
  border-radius: 10px;
  background: linear-gradient(110deg, rgba(22, 10, 55, .92), rgba(5, 20, 50, .92));
  color: #eaf2ff;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

html.gx-classic-navigation-preview .gx-command-event-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 34%, rgba(168, 113, 255, .08), transparent 70%);
  transform: translateX(-65%);
  animation: gxCommandEventSweep 8s ease-in-out infinite;
}

html.gx-classic-navigation-preview .gx-command-event-banner:hover { transform: translateY(-2px); border-color: rgba(171, 119, 255, .48); box-shadow: 0 10px 28px rgba(30, 5, 70, .22); }
html.gx-classic-navigation-preview .gx-command-event-banner > img { width: 98px; height: 92px; display: block; object-fit: cover; opacity: .88; mask-image: linear-gradient(90deg, #000 70%, transparent); }
html.gx-classic-navigation-preview .gx-command-event-banner > span { min-width: 0; position: relative; z-index: 1; }
html.gx-classic-navigation-preview .gx-command-event-banner > span small,
html.gx-classic-navigation-preview .gx-command-event-banner > span strong,
html.gx-classic-navigation-preview .gx-command-event-banner > span em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-event-banner > span small { color: #aa83ff; font: 800 .5rem/1 'Orbitron', sans-serif; letter-spacing: 1px; text-transform: uppercase; }
html.gx-classic-navigation-preview .gx-command-event-banner > span strong { margin-top: 5px; color: #f0eaff; font: 800 .69rem/1.2 'Orbitron', sans-serif; }
html.gx-classic-navigation-preview .gx-command-event-banner > span em { margin-top: 5px; color: rgba(199, 211, 235, .55); font-size: .58rem; font-style: normal; }
html.gx-classic-navigation-preview .gx-command-event-banner > b { position: relative; z-index: 1; margin-right: 10px; color: #c9b0ff; font: 700 .58rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }

@keyframes gxCommandEventSweep {
  0%, 72%, 100% { transform: translateX(-70%); opacity: 0; }
  82% { opacity: 1; }
  94% { transform: translateX(70%); opacity: 0; }
}

/* Planet-linked commander intelligence */
html.gx-classic-navigation-preview .gx-command-briefing-chat-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(270px, .68fr) minmax(0, 1.32fr);
  gap: 10px;
  align-items: start;
}

html.gx-classic-navigation-preview .gx-command-briefing-chat-grid > * { min-width: 0; }

html.gx-classic-navigation-preview .gx-command-panel > header > small {
  max-width: 48%;
  overflow: hidden;
  color: rgba(134, 195, 236, .58);
  font-size: .59rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview #gxCommandBriefing { display: grid; gap: 5px; padding: 8px; }
html.gx-classic-navigation-preview .gx-command-briefing-row {
  min-width: 0;
  min-height: 48px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border: 1px solid rgba(73, 149, 217, .11);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(8, 34, 70, .62), rgba(5, 20, 49, .52));
  color: #d8eafa;
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

html.gx-classic-navigation-preview .gx-command-briefing-row:hover { transform: translateX(2px); border-color: rgba(83, 193, 255, .35); background: rgba(10, 43, 89, .64); }
html.gx-classic-navigation-preview .gx-command-briefing-row > i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; background: rgba(68, 175, 243, .09); color: #68c9ff; }
html.gx-classic-navigation-preview .gx-command-briefing-row > span { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-briefing-row strong,
html.gx-classic-navigation-preview .gx-command-briefing-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-briefing-row strong { color: #e2f2ff; font-size: .68rem; }
html.gx-classic-navigation-preview .gx-command-briefing-row small { margin-top: 3px; color: rgba(155, 195, 224, .52); font-size: .59rem; }
html.gx-classic-navigation-preview .gx-command-briefing-row > b { color: #76d1ff; font: 700 .59rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-danger { border-color: rgba(255, 76, 104, .33); background: linear-gradient(90deg, rgba(91, 12, 35, .52), rgba(25, 11, 35, .46)); }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-danger > i,
html.gx-classic-navigation-preview .gx-command-briefing-row.is-danger > b { color: #ff7187; }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-warn > i,
html.gx-classic-navigation-preview .gx-command-briefing-row.is-warn > b { color: #ffc45e; }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-success > i,
html.gx-classic-navigation-preview .gx-command-briefing-row.is-success > b { color: #53dfa2; }
html.gx-classic-navigation-preview .gx-command-briefing-row.is-research > i,
html.gx-classic-navigation-preview .gx-command-briefing-row.is-event > i { color: #ad7bff; }

html.gx-classic-navigation-preview .gx-command-radar { --gx-sonar-rgb: 72, 231, 201; --gx-sonar-color: #48e7c9; position: relative; min-height: 260px; padding: 10px; transition: border-color .2s ease, background .2s ease; }
html.gx-classic-navigation-preview .gx-command-radar.is-danger { --gx-sonar-rgb: 255, 82, 112; --gx-sonar-color: #ff5270; background: radial-gradient(circle at 25% 50%, rgba(117, 13, 40, .26), transparent 48%); }
html.gx-classic-navigation-preview .gx-command-radar.is-warn { --gx-sonar-rgb: 255, 190, 83; --gx-sonar-color: #ffbe53; background: radial-gradient(circle at 25% 50%, rgba(132, 82, 9, .18), transparent 48%); }
html.gx-classic-navigation-preview .gx-command-radar.is-calm { background: radial-gradient(circle at 25% 50%, rgba(0, 128, 113, .12), transparent 48%); }
html.gx-classic-navigation-preview .gx-command-radar-layout { min-width: 0; display: grid; grid-template-columns: 230px minmax(0, 1fr); align-items: center; gap: 12px; }

html.gx-classic-navigation-preview .gx-command-radar-stage {
  position: relative;
  width: 220px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 5px solid rgba(5, 25, 39, .96);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--gx-sonar-rgb), .15) 0 2%, rgba(2, 22, 31, .98) 3% 66%, rgba(1, 11, 20, .99) 100%);
  box-shadow:
    0 0 0 1px rgba(var(--gx-sonar-rgb), .34),
    0 0 0 5px rgba(6, 39, 52, .65),
    inset 0 0 42px rgba(var(--gx-sonar-rgb), .19),
    inset 0 0 8px rgba(var(--gx-sonar-rgb), .3),
    0 0 30px rgba(var(--gx-sonar-rgb), .12);
  isolation: isolate;
}

html.gx-classic-navigation-preview .gx-command-radar-stage::before,
html.gx-classic-navigation-preview .gx-command-radar-stage::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; }
html.gx-classic-navigation-preview .gx-command-radar-stage::before {
  z-index: 0;
  inset: 5%;
  background:
    repeating-radial-gradient(circle, transparent 0 23px, rgba(var(--gx-sonar-rgb), .12) 24px 25px),
    repeating-conic-gradient(from -1deg, rgba(var(--gx-sonar-rgb), .18) 0 1deg, transparent 1deg 15deg);
  mask-image: radial-gradient(circle, transparent 0 8%, #000 9% 100%);
  opacity: .68;
}
html.gx-classic-navigation-preview .gx-command-radar-stage::after {
  z-index: 6;
  background:
    repeating-linear-gradient(180deg, transparent 0 3px, rgba(0, 0, 0, .14) 4px),
    radial-gradient(circle, transparent 55%, rgba(0, 0, 0, .55) 100%);
  mix-blend-mode: multiply;
}
html.gx-classic-navigation-preview .gx-command-radar-ring { position: absolute; top: 50%; left: 50%; z-index: 0; border: 1px solid rgba(var(--gx-sonar-rgb), .17); border-radius: 50%; transform: translate(-50%, -50%); }
html.gx-classic-navigation-preview .gx-command-radar-ring.is-one { width: 32%; height: 32%; }
html.gx-classic-navigation-preview .gx-command-radar-ring.is-two { width: 62%; height: 62%; }
html.gx-classic-navigation-preview .gx-command-radar-ring.is-three { width: 90%; height: 90%; }
html.gx-classic-navigation-preview .gx-command-radar-sweep { position: absolute; z-index: 2; inset: 5%; border-radius: 50%; transform-origin: 50% 50%; background: conic-gradient(from 0deg, transparent 0 310deg, rgba(var(--gx-sonar-rgb), .02) 324deg, rgba(var(--gx-sonar-rgb), .22) 350deg, rgba(var(--gx-sonar-rgb), .92) 359deg, transparent 360deg); filter: drop-shadow(0 0 5px rgba(var(--gx-sonar-rgb), .48)); animation: gxCommandRadarSweep 4.8s linear infinite; }
html.gx-classic-navigation-preview .gx-command-radar-sweep::after { content: ''; position: absolute; top: 50%; right: 0; width: 49%; height: 1px; background: linear-gradient(90deg, transparent, var(--gx-sonar-color)); box-shadow: 0 0 7px rgba(var(--gx-sonar-rgb), .9); }
html.gx-classic-navigation-preview .gx-command-sonar-pulse { position: absolute; top: 50%; left: 50%; z-index: 1; width: 14%; aspect-ratio: 1; border: 1px solid rgba(var(--gx-sonar-rgb), .72); border-radius: 50%; box-shadow: 0 0 10px rgba(var(--gx-sonar-rgb), .18); opacity: 0; transform: translate(-50%, -50%) scale(.35); animation: gxCommandSonarPulse 4.8s ease-out infinite; }
html.gx-classic-navigation-preview .gx-command-sonar-pulse.is-b { animation-delay: 1.6s; }
html.gx-classic-navigation-preview .gx-command-sonar-pulse.is-c { animation-delay: 3.2s; }
html.gx-classic-navigation-preview .gx-command-sonar-readout { position: absolute; bottom: 8%; left: 50%; z-index: 5; display: flex; align-items: center; gap: 5px; padding: 3px 6px; border: 1px solid rgba(var(--gx-sonar-rgb), .2); border-radius: 4px; background: rgba(1, 17, 24, .74); color: var(--gx-sonar-color); transform: translateX(-50%); }
html.gx-classic-navigation-preview .gx-command-sonar-readout b { font: 800 .42rem/1 'Orbitron', sans-serif; letter-spacing: 1px; }
html.gx-classic-navigation-preview .gx-command-sonar-readout small { color: rgba(var(--gx-sonar-rgb), .58); font: 700 .38rem/1 'Orbitron', sans-serif; }
html.gx-classic-navigation-preview .gx-command-radar-origin { position: absolute; top: 50%; left: 50%; z-index: 5; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(var(--gx-sonar-rgb), .72); border-radius: 50%; background: #031d27; color: var(--gx-sonar-color); box-shadow: 0 0 0 5px rgba(var(--gx-sonar-rgb), .07), 0 0 20px rgba(var(--gx-sonar-rgb), .42); transform: translate(-50%, -50%); animation: gxCommandRadarOrigin 2.4s ease-in-out infinite; }
html.gx-classic-navigation-preview .gx-command-radar-blip { --gx-contact-rgb: 255, 111, 133; position: absolute; z-index: 4; width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid rgba(var(--gx-contact-rgb), .6); border-radius: 50%; background: rgba(18, 38, 42, .94); color: rgb(var(--gx-contact-rgb)); box-shadow: 0 0 11px rgba(var(--gx-contact-rgb), .4); transform: translate(-50%, -50%); animation: gxCommandRadarBlip 2.4s ease-in-out infinite var(--gx-sonar-delay, 0s); }
html.gx-classic-navigation-preview .gx-command-radar-blip::before { content: ''; position: absolute; inset: -4px; border: 1px solid rgba(var(--gx-contact-rgb), .7); border-radius: 50%; opacity: 0; animation: gxCommandSonarEcho 4.8s ease-out infinite var(--gx-sonar-delay, 0s); }
html.gx-classic-navigation-preview .gx-command-radar-blip img { width: 18px; height: 18px; object-fit: contain; filter: drop-shadow(0 0 4px rgba(255, 100, 130, .5)); }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-patrol { --gx-contact-rgb: 82, 230, 200; }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-transport { --gx-contact-rgb: 255, 194, 86; background: rgba(55, 45, 17, .94); }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-commander,
html.gx-classic-navigation-preview .gx-command-radar-blip.is-boss { --gx-contact-rgb: 255, 66, 104; width: 29px; height: 29px; }
html.gx-classic-navigation-preview .gx-command-radar-blip.is-attack { --gx-contact-rgb: 255, 50, 86; width: 27px; height: 27px; background: rgba(96, 5, 27, .96); color: #fff; box-shadow: 0 0 16px rgba(255, 43, 78, .7); }

html.gx-classic-navigation-preview .gx-command-radar-feed { min-width: 0; display: grid; align-content: center; gap: 6px; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child { padding: 0 3px 7px; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child > span { display: inline-block; margin-bottom: 5px; color: #6ed9ff; font: 800 .5rem/1 'Orbitron', sans-serif; letter-spacing: 1.2px; }
html.gx-classic-navigation-preview .gx-command-radar.is-danger .gx-command-radar-feed > div:first-child > span { color: #ff7187; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child strong,
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child strong { color: #e6f4ff; font: 800 .76rem/1.2 'Orbitron', sans-serif; }
html.gx-classic-navigation-preview .gx-command-radar-feed > div:first-child small { margin-top: 4px; color: rgba(151, 196, 226, .52); font-size: .58rem; }
html.gx-classic-navigation-preview .gx-command-radar-contact { min-width: 0; display: grid; grid-template-columns: 13px minmax(0, 1fr) auto; align-items: center; gap: 7px; padding: 7px 8px; border: 1px solid rgba(255, 88, 115, .13); border-radius: 7px; background: rgba(38, 8, 27, .3); color: #dceeff; text-decoration: none; }
html.gx-classic-navigation-preview .gx-command-radar-contact > i { color: #ff6f85; font-size: .46rem; }
html.gx-classic-navigation-preview .gx-command-radar-contact span { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-radar-contact strong,
html.gx-classic-navigation-preview .gx-command-radar-contact small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-radar-contact strong { font-size: .61rem; }
html.gx-classic-navigation-preview .gx-command-radar-contact small { margin-top: 2px; color: rgba(179, 197, 218, .5); font-size: .53rem; }
html.gx-classic-navigation-preview .gx-command-radar-contact > b { color: #ff8ca0; font: 700 .52rem/1 'Orbitron', sans-serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-radar-contact.is-attack { border-color: rgba(255, 71, 103, .34); background: rgba(84, 7, 29, .36); }
html.gx-classic-navigation-preview .gx-command-radar-clear { display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(60, 214, 162, .13); border-radius: 8px; background: rgba(7, 60, 49, .2); color: #50daa7; }
html.gx-classic-navigation-preview .gx-command-radar-clear strong,
html.gx-classic-navigation-preview .gx-command-radar-clear small { display: block; }
html.gx-classic-navigation-preview .gx-command-radar-clear strong { color: #cceee2; font-size: .63rem; }
html.gx-classic-navigation-preview .gx-command-radar-clear small { margin-top: 3px; color: rgba(152, 205, 190, .5); font-size: .55rem; }

html.gx-classic-navigation-preview .gx-command-performance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; padding: 8px; }
html.gx-classic-navigation-preview .gx-command-performance-card { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(72, 160, 225, .12); border-radius: 9px; background: linear-gradient(135deg, rgba(8, 35, 72, .58), rgba(6, 18, 47, .64)); }
html.gx-classic-navigation-preview .gx-command-performance-card > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: rgba(62, 176, 242, .09); color: #68c9ff; }
html.gx-classic-navigation-preview .gx-command-performance-card span,
html.gx-classic-navigation-preview .gx-command-performance-card small,
html.gx-classic-navigation-preview .gx-command-performance-card strong,
html.gx-classic-navigation-preview .gx-command-performance-card em { min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-performance-card small { color: rgba(151, 195, 225, .5); font-size: .54rem; }
html.gx-classic-navigation-preview .gx-command-performance-card strong { margin-top: 3px; color: #e7f5ff; font: 800 .72rem/1.2 'Orbitron', sans-serif; }
html.gx-classic-navigation-preview .gx-command-performance-card em { margin-top: 4px; color: rgba(157, 192, 217, .48); font-size: .54rem; font-style: normal; }
html.gx-classic-navigation-preview .gx-command-performance-card.is-up em { color: #51dba4; }
html.gx-classic-navigation-preview .gx-command-performance-card.is-down em { color: #ff7187; }

@keyframes gxCommandRadarSweep { to { transform: rotate(360deg); } }
@keyframes gxCommandSonarPulse { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.35); } 8% { opacity: .78; } 78%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(6.4); } }
@keyframes gxCommandSonarEcho { 0%, 45%, 100% { opacity: 0; transform: scale(.7); } 52% { opacity: .9; } 72% { opacity: 0; transform: scale(2.2); } }
@keyframes gxCommandRadarOrigin { 0%, 100% { box-shadow: 0 0 0 5px rgba(var(--gx-sonar-rgb), .05), 0 0 14px rgba(var(--gx-sonar-rgb), .3); } 50% { box-shadow: 0 0 0 9px rgba(var(--gx-sonar-rgb), .02), 0 0 23px rgba(var(--gx-sonar-rgb), .58); } }
@keyframes gxCommandRadarBlip { 0%, 42%, 100% { opacity: .5; } 52%, 68% { opacity: 1; } }

/* Detailed fleet route and cargo telemetry */
html.gx-classic-navigation-preview .gx-command-operation.is-fleet { min-height: 92px; align-items: start; padding-top: 9px; padding-bottom: 9px; }
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > i,
html.gx-classic-navigation-preview .gx-command-operation.is-fleet > .gx-command-operation-icon { margin-top: 2px; }
html.gx-classic-navigation-preview .gx-command-operation-route {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  color: rgba(137, 201, 244, .76);
  font: 700 .56rem/1 'Orbitron', sans-serif;
}

html.gx-classic-navigation-preview .gx-command-operation-route > span,
html.gx-classic-navigation-preview .gx-command-operation-route > a { padding: 3px 6px; border: 1px solid rgba(78, 172, 237, .14); border-radius: 5px; background: rgba(17, 52, 91, .44); }
html.gx-classic-navigation-preview .gx-command-operation-route > i { color: rgba(92, 189, 250, .42); font-size: .52rem; }
html.gx-classic-navigation-preview .gx-command-operation-route > em { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding-bottom: 2px; border-bottom: 1px dotted rgba(107, 201, 255, .32); color: rgba(191, 219, 239, .7); font-family: 'Exo 2', sans-serif; font-style: normal; cursor: help; }

html.gx-classic-navigation-preview .gx-command-coordinate-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #78d4ff;
  font-family: 'Exo 2', Arial, sans-serif;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}

html.gx-classic-navigation-preview .gx-command-coordinate-link:hover {
  color: #fff;
  border-color: rgba(89, 202, 255, .48);
  background: rgba(28, 96, 148, .55);
}

html.gx-classic-navigation-preview .gx-command-coordinate-link > i { font-size: .52rem; }
html.gx-classic-navigation-preview .gx-command-operation-location { display: flex; margin-top: 6px; }
html.gx-classic-navigation-preview .gx-command-operation-location .gx-command-coordinate-link { padding: 3px 6px; border: 1px solid rgba(78, 172, 237, .14); border-radius: 5px; background: rgba(17, 52, 91, .44); }

/* Fleet composition hover/focus tooltip is portaled to body to avoid panel clipping. */
html.gx-classic-navigation-preview .gx-command-fleet-tooltip[hidden] { display: none !important; }
html.gx-classic-navigation-preview .gx-command-fleet-tooltip {
  position: fixed;
  z-index: 2147482000;
  width: min(360px, calc(100vw - 24px));
  max-height: min(70vh, 560px);
  overflow: hidden auto;
  padding: 10px;
  border: 1px solid rgba(79, 188, 255, .42);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(3, 17, 42, .98), rgba(8, 10, 35, .98));
  box-shadow: 0 18px 55px rgba(0, 0, 0, .65), 0 0 28px rgba(44, 171, 255, .13), inset 0 1px 0 rgba(176, 228, 255, .06);
  color: #dceeff;
  pointer-events: none;
  backdrop-filter: blur(16px);
}
html.gx-classic-navigation-preview .gx-command-fleet-manifest-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 3px 9px; border-bottom: 1px solid rgba(73, 169, 235, .16); }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-head > span { display: inline-flex; align-items: center; gap: 6px; color: #7ad5ff; font: 800 .63rem/1.2 'Orbitron', sans-serif; letter-spacing: .7px; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-head > b { color: rgba(191, 219, 239, .58); font: 700 .55rem/1.2 'Exo 2', sans-serif; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-list { display: grid; gap: 5px; padding-top: 8px; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 42px; padding: 4px 7px; border: 1px solid rgba(70, 148, 207, .12); border-radius: 8px; background: rgba(8, 32, 67, .48); }
html.gx-classic-navigation-preview .gx-command-ship-image { width: 34px; height: 34px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(73, 177, 241, .18); border-radius: 8px; background: radial-gradient(circle, rgba(50, 151, 220, .18), rgba(3, 16, 38, .7)); }
html.gx-classic-navigation-preview .gx-command-ship-image img { width: 31px; height: 31px; display: block; object-fit: contain; filter: drop-shadow(0 0 6px rgba(80, 194, 255, .24)); }
html.gx-classic-navigation-preview .gx-command-ship-image > i { color: #69caff; font-size: .8rem; }
html.gx-classic-navigation-preview .gx-command-ship-image > i:not([hidden]) { display: grid; place-items: center; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row > span:nth-child(2) { min-width: 0; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row strong,
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row strong { color: #dcefff; font-size: .67rem; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row small { margin-top: 2px; color: rgba(145, 188, 220, .48); font-size: .53rem; }
html.gx-classic-navigation-preview .gx-command-fleet-manifest-row > b { color: #84d8ff; font: 800 .65rem/1 'Orbitron', sans-serif; white-space: nowrap; }

html.gx-classic-navigation-preview .gx-command-fleet-cargo { display: flex; align-items: center; gap: 8px; min-width: 0; margin-top: 6px; }
html.gx-classic-navigation-preview .gx-command-cargo-cap { min-width: 92px; display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 4px; color: #f6c95d; font-size: .56rem; }
html.gx-classic-navigation-preview .gx-command-cargo-cap > b { color: #ffe08c; }
html.gx-classic-navigation-preview .gx-command-cargo-cap > small { color: rgba(229, 213, 168, .48); font-size: .53rem; }
html.gx-classic-navigation-preview .gx-command-cargo-cap > em { grid-column: 1 / -1; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.07); }
html.gx-classic-navigation-preview .gx-command-cargo-cap > em > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #f0a83b, #ffe280); box-shadow: 0 0 6px rgba(255, 203, 92, .35); }
html.gx-classic-navigation-preview .gx-command-cargo-items { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
html.gx-classic-navigation-preview .gx-command-cargo-items > span { display: inline-flex; align-items: center; gap: 3px; padding: 2px 5px; border: 1px solid rgba(90, 159, 211, .12); border-radius: 5px; background: rgba(7, 31, 64, .48); color: rgba(205, 225, 240, .67); font-size: .53rem; }
html.gx-classic-navigation-preview .gx-command-cargo-items img { width: 11px; height: 11px; object-fit: contain; }
html.gx-classic-navigation-preview .gx-command-cargo-items .is-fragment { color: #c397ff; border-color: rgba(168, 102, 255, .18); }
html.gx-classic-navigation-preview .gx-command-cargo-items .is-void { color: var(--gx-void-color, #66d9ff); border-color: color-mix(in srgb, var(--gx-void-color, #66d9ff) 28%, transparent); }
html.gx-classic-navigation-preview .gx-command-cargo-items .is-void > i:not([hidden]) { display: inline-block; }
html.gx-classic-navigation-preview .gx-command-cargo-items .is-empty { color: rgba(177, 201, 220, .38); }

/* Embedded profile: use the complete content width beside the classic sidebar. */
html.gx-classic-navigation-preview #spa-root.active > .ip-main {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

/* Fleet hub: dispatch and activity share one surface; the old fleet section becomes the yard. */
html.gx-classic-navigation-preview #section-flotte > [data-flotte-tab="send"],
html.gx-classic-navigation-preview #section-flotte [data-flotte-tab-btn="send"] { display: none !important; }
html.gx-classic-navigation-preview .gx-fleet-yard-heading { margin: 0 0 14px; padding: 14px 17px; border: 1px solid rgba(58, 177, 245, .2); border-radius: 12px; background: linear-gradient(135deg, rgba(8, 37, 75, .78), rgba(6, 16, 42, .72)); box-shadow: inset 0 1px 0 rgba(151, 221, 255, .05), 0 12px 30px rgba(0, 0, 0, .16); }
html.gx-classic-navigation-preview .gx-fleet-yard-heading > span { display: inline-flex; align-items: center; gap: 7px; color: #64caff; font: 800 .57rem/1 'Orbitron', sans-serif; letter-spacing: 1.4px; text-transform: uppercase; }
html.gx-classic-navigation-preview .gx-fleet-yard-heading h1 { margin: 6px 0 3px; color: #eff9ff; font: 900 1rem/1.2 'Orbitron', sans-serif; letter-spacing: 1.2px; }
html.gx-classic-navigation-preview .gx-fleet-yard-heading small { color: rgba(170, 207, 232, .55); font-size: .67rem; }
html.gx-classic-navigation-preview .gx-fleet-hub { display: grid; gap: 14px; }
html.gx-classic-navigation-preview.gx-fleet-hub-page {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  scroll-behavior: auto !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch;
}
html.gx-classic-navigation-preview.gx-fleet-hub-page body.classic-dashboard-wheel-page {
  height: auto !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow: visible !important;
  overscroll-behavior: auto !important;
  touch-action: pan-y !important;
}
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active,
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active > .fa-wrap,
html.gx-classic-navigation-preview .gx-fleet-hub,
html.gx-classic-navigation-preview .gx-fleet-hub-pane {
  max-height: none !important;
  overflow-y: visible !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active .fleet-list,
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active .fleet-ship-select-grid,
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active #flotteContent,
html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active .flotte-panel {
  max-height: none !important;
  overflow-y: visible !important;
  overscroll-behavior-y: auto !important;
}
html.gx-classic-navigation-preview .gx-fleet-hub-head { padding: 2px 2px 0; }
html.gx-classic-navigation-preview .gx-fleet-hub-head span { color: #56c7ff; font: 800 .55rem/1 'Orbitron', sans-serif; letter-spacing: 1.6px; text-transform: uppercase; }
html.gx-classic-navigation-preview .gx-fleet-hub-head h1 { margin: 7px 0 4px; color: #eef9ff; font: 900 1.05rem/1.2 'Orbitron', sans-serif; letter-spacing: 1.3px; }
html.gx-classic-navigation-preview .gx-fleet-hub-head small { color: rgba(166, 204, 232, .55); font-size: .68rem; }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 6px; border: 1px solid rgba(49, 167, 235, .18); border-radius: 13px; background: rgba(3, 17, 42, .68); box-shadow: inset 0 1px 0 rgba(139, 218, 255, .04); }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs button { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: rgba(155, 198, 228, .58); font: 800 .68rem/1 'Orbitron', sans-serif; letter-spacing: .55px; cursor: pointer; transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs button:hover { color: #d9f3ff; background: rgba(32, 119, 179, .12); }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs button.is-active { color: #e9f9ff; border-color: rgba(65, 190, 255, .38); background: linear-gradient(135deg, rgba(29, 132, 201, .28), rgba(21, 74, 137, .24)); box-shadow: 0 0 20px rgba(32, 159, 230, .1), inset 0 1px 0 rgba(168, 226, 255, .08); }
html.gx-classic-navigation-preview .gx-fleet-hub-tabs button.is-active i { color: #56d0ff; filter: drop-shadow(0 0 7px rgba(58, 195, 255, .42)); }
html.gx-classic-navigation-preview .gx-fleet-hub-pane[hidden] { display: none !important; }
html.gx-classic-navigation-preview .gx-fleet-hub-send > #flotteContent { display: flex !important; margin: 0; }
html.gx-classic-navigation-preview .gx-fleet-hub-activity > .fa-header { margin-top: 0; }
html.gx-classic-navigation-preview .gx-fleet-hub-activity > .fa-header h1 { display: none; }
html.gx-classic-navigation-preview .gx-fleet-hub-activity > .fa-header .fa-back { margin-right: auto; }

/* Mobile fleet dispatch: a real portrait layout without nested horizontal scrolling. */
@media (max-width: 900px) {
  html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active,
  html.gx-classic-navigation-preview #section-flotte.content-section {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    touch-action: pan-y !important;
  }

  html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active > .fa-wrap,
  html.gx-classic-navigation-preview .gx-fleet-hub,
  html.gx-classic-navigation-preview .gx-fleet-hub-pane,
  html.gx-classic-navigation-preview .gx-fleet-hub-send > #flotteContent,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .flotte-panel,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  html.gx-classic-navigation-preview #spa-root.gx-fleet-hub-active > .fa-wrap {
    margin: 0;
    padding: 14px 8px 76px;
    overflow-x: hidden;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send,
  html.gx-classic-navigation-preview .gx-fleet-hub-send > #flotteContent {
    overflow-x: hidden;
    touch-action: pan-y;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-form > * {
    grid-column: 1 / -1 !important;
    max-width: 100%;
    min-width: 0;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-coord-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-coord-row input {
    width: 100% !important;
    min-width: 0;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-ship-select-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible;
    padding-bottom: 0;
    touch-action: pan-y;
  }

  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-ship-select-item,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-cargo-panel,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-cargo-grid,
  html.gx-classic-navigation-preview .gx-fleet-hub-send .fleet-cargo-item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  html.gx-classic-navigation-preview #section-flotte > .flotte-tabs {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  html.gx-classic-navigation-preview #section-flotte > .flotte-tabs > .flotte-tab {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

@media (max-width: 600px) {
  html.gx-classic-navigation-preview .gx-fleet-hub { gap: 10px; }
  html.gx-classic-navigation-preview .gx-fleet-hub-head h1 { font-size: .88rem; letter-spacing: .8px; }
  html.gx-classic-navigation-preview .gx-fleet-hub-head small { display: block; line-height: 1.4; }
  html.gx-classic-navigation-preview .gx-fleet-hub-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; padding: 5px; }
  html.gx-classic-navigation-preview .gx-fleet-hub-tabs button { min-width: 0; min-height: 42px; gap: 6px; padding: 6px 5px; font-size: .58rem; letter-spacing: .2px; }
  html.gx-classic-navigation-preview .gx-fleet-hub-tabs button span { min-width: 0; white-space: normal; line-height: 1.25; }
  html.gx-classic-navigation-preview .gx-fleet-hub-send .flotte-panel { padding: 9px; }
}

@media (max-width: 1180px) {
  html.gx-classic-navigation-preview .gx-command-events-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.gx-classic-navigation-preview .gx-command-briefing-chat-grid { grid-template-columns: minmax(250px, .76fr) minmax(0, 1.24fr); }
  html.gx-classic-navigation-preview .gx-command-radar-layout { grid-template-columns: 240px minmax(0, 1fr); }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-priority-entry { flex-basis: min(79vw, 295px); min-width: min(79vw, 295px); }
  html.gx-classic-navigation-preview .gx-classic-priority-entry .gx-classic-priority-item { min-width: 0; }
  html.gx-classic-navigation-preview .gx-command-briefing-chat-grid { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-performance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  html.gx-classic-navigation-preview .gx-command-events-grid { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-event-banner { grid-template-columns: 82px minmax(0, 1fr) auto; }
  html.gx-classic-navigation-preview .gx-command-event-banner > img { width: 82px; }
  html.gx-classic-navigation-preview .gx-command-fleet-cargo { align-items: flex-start; flex-direction: column; gap: 5px; }
  html.gx-classic-navigation-preview .gx-command-operation.is-fleet { min-height: 124px; }
  html.gx-classic-navigation-preview .gx-command-radar-layout { grid-template-columns: 1fr; }
  html.gx-classic-navigation-preview .gx-command-radar-stage { width: min(220px, 74vw); margin: 0 auto; }
  html.gx-classic-navigation-preview .gx-command-radar-feed { width: 100%; }
  html.gx-classic-navigation-preview .gx-classic-priority-actions { opacity: .82; pointer-events: auto; transform: none; }
  html.gx-classic-navigation-preview .gx-classic-priority-item > b { margin-right: 48px; }
}

@media (max-width: 480px) {
  html.gx-classic-navigation-preview .gx-command-performance-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html.gx-classic-navigation-preview .gx-command-event-banner::after,
  html.gx-classic-navigation-preview .gx-command-radar-sweep,
  html.gx-classic-navigation-preview .gx-command-sonar-pulse,
  html.gx-classic-navigation-preview .gx-command-radar-origin,
  html.gx-classic-navigation-preview .gx-command-radar-blip,
  html.gx-classic-navigation-preview .gx-command-radar-blip::before { animation: none !important; }
}

/* Command center readability: technical display font only for large headings. */
html.gx-classic-navigation-preview .gx-classic-command-center,
html.gx-classic-navigation-preview .gx-command-events-priority {
  font-family: 'Exo 2', Arial, sans-serif;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: auto;
}

html.gx-classic-navigation-preview .gx-classic-command-center *,
html.gx-classic-navigation-preview .gx-command-events-priority * { text-shadow: none; }

html.gx-classic-navigation-preview .gx-command-center-head > div > span,
html.gx-classic-navigation-preview .gx-command-panel > header > div > span,
html.gx-classic-navigation-preview .gx-command-center-card header,
html.gx-classic-navigation-preview #dashBoniBar .gx-command-assistants-label,
html.gx-classic-navigation-preview .gx-command-event-banner > span small,
html.gx-classic-navigation-preview .gx-command-operation > b,
html.gx-classic-navigation-preview .gx-command-briefing-row > b,
html.gx-classic-navigation-preview .gx-command-radar-contact > b,
html.gx-classic-navigation-preview .gx-command-performance-card strong {
  font-family: 'Exo 2', Arial, sans-serif !important;
  letter-spacing: .35px !important;
}

html.gx-classic-navigation-preview .gx-command-center-card > strong {
  font-family: 'Exo 2', Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: .15px;
}

html.gx-classic-navigation-preview .gx-command-panel > header h2 {
  font-family: 'Exo 2', Arial, sans-serif;
  font-size: .82rem;
  letter-spacing: .25px;
}

html.gx-classic-navigation-preview .gx-command-center-card > small,
html.gx-classic-navigation-preview .gx-command-center-card footer,
html.gx-classic-navigation-preview .gx-command-panel > header > small,
html.gx-classic-navigation-preview .gx-command-panel > header > a {
  color: rgba(196, 220, 239, .72);
  font-size: .66rem;
}

html.gx-classic-navigation-preview .gx-command-operation > span strong,
html.gx-classic-navigation-preview .gx-command-briefing-row strong { color: #edf7ff; font-size: .73rem; font-weight: 800; }
html.gx-classic-navigation-preview .gx-command-operation > span small,
html.gx-classic-navigation-preview .gx-command-briefing-row small { color: rgba(190, 216, 235, .72); font-size: .64rem; line-height: 1.3; }
html.gx-classic-navigation-preview .gx-command-operation > b,
html.gx-classic-navigation-preview .gx-command-briefing-row > b { font-size: .66rem; font-weight: 800; }
html.gx-classic-navigation-preview .gx-command-operation-route { color: rgba(171, 216, 245, .86); font-family: 'Exo 2', Arial, sans-serif; font-size: .62rem; letter-spacing: .1px; }
html.gx-classic-navigation-preview .gx-command-performance-card small,
html.gx-classic-navigation-preview .gx-command-performance-card em { color: rgba(185, 211, 230, .7); font-size: .61rem; }

/* Commander V2 is mounted by the classic navigation script on testserver only. */
html.gx-classic-navigation-preview .gx-classic-nav-link.is-commander-v2,
html.gx-classic-navigation-preview .gx-classic-sidebar-link.is-commander-v2 {
  border-color: rgba(174, 111, 255, .25);
  background: linear-gradient(90deg, rgba(119, 61, 205, .17), rgba(18, 70, 116, .08));
  color: #e7d9ff;
}

html.gx-classic-navigation-preview .gx-classic-nav-link.is-commander-v2 i,
html.gx-classic-navigation-preview .gx-classic-sidebar-link.is-commander-v2 i { color: #b784ff; }

html.gx-classic-navigation-preview .gx-commander-v2-launchbar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(230px, 1fr) minmax(330px, auto);
  align-items: center;
  gap: 14px;
  margin: 3px 0 14px;
  padding: 11px 12px;
  overflow: hidden;
  border: 1px solid rgba(157, 91, 255, .34);
  border-radius: 12px;
  box-sizing: border-box;
  background: linear-gradient(115deg, rgba(56, 20, 111, .78), rgba(8, 42, 80, .84) 52%, rgba(4, 20, 50, .9));
  box-shadow: inset 0 1px 0 rgba(222, 196, 255, .09), 0 0 28px rgba(118, 52, 213, .1);
}

html.gx-classic-navigation-preview .gx-commander-v2-loading,
html.gx-classic-navigation-preview .gx-commander-v2-identity,
html.gx-classic-navigation-preview .gx-commander-v2-progress { min-width: 0; }

html.gx-classic-navigation-preview .gx-commander-v2-loading {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #c9a8ff;
}

html.gx-classic-navigation-preview .gx-commander-v2-loading span,
html.gx-classic-navigation-preview .gx-commander-v2-loading strong,
html.gx-classic-navigation-preview .gx-commander-v2-loading small { display: block; min-width: 0; }
html.gx-classic-navigation-preview .gx-commander-v2-loading small { margin-top: 2px; color: rgba(203, 218, 238, .62); }

html.gx-classic-navigation-preview .gx-commander-v2-identity > span {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: #caa5ff;
  font: 800 .58rem/1 'Exo 2', Arial, sans-serif;
  letter-spacing: .9px;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-commander-v2-identity > span b {
  padding: 3px 5px;
  border: 1px solid rgba(255, 197, 73, .28);
  border-radius: 4px;
  color: #ffd878;
  font-size: .48rem;
}

html.gx-classic-navigation-preview .gx-commander-v2-identity > strong {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-top: 6px;
  overflow: hidden;
  color: #f4edff;
  font: 800 .82rem/1.1 'Exo 2', Arial, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-commander-v2-identity > strong em {
  flex: 0 0 auto;
  color: #76d8ff;
  font-size: .64rem;
  font-style: normal;
}

html.gx-classic-navigation-preview .gx-commander-v2-progress > span {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html.gx-classic-navigation-preview .gx-commander-v2-progress > span small,
html.gx-classic-navigation-preview .gx-commander-v2-progress > span b,
html.gx-classic-navigation-preview .gx-commander-v2-progress > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.gx-classic-navigation-preview .gx-commander-v2-progress > span small { color: rgba(199, 215, 235, .66); font-size: .57rem; }
html.gx-classic-navigation-preview .gx-commander-v2-progress > span b { color: #eaf7ff; font-size: .62rem; }
html.gx-classic-navigation-preview .gx-commander-v2-progress > div { height: 5px; margin: 5px 0 4px; overflow: hidden; border-radius: 10px; background: rgba(4, 14, 37, .8); }
html.gx-classic-navigation-preview .gx-commander-v2-progress > div i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #8b55ed, #38c8ff); box-shadow: 0 0 9px rgba(106, 116, 255, .42); transition: width .25s ease; }
html.gx-classic-navigation-preview .gx-commander-v2-progress > small { display: block; color: rgba(183, 207, 228, .58); font-size: .54rem; }

html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a {
  position: relative;
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 8px;
  overflow: hidden;
  border: 1px solid rgba(116, 176, 235, .22);
  border-radius: 7px;
  box-sizing: border-box;
  background: rgba(10, 42, 78, .62);
  color: #ddecfa;
  font: 700 .58rem/1 'Exo 2', Arial, sans-serif;
  text-decoration: none;
}

html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a:hover { border-color: rgba(181, 117, 255, .48); background: rgba(74, 42, 127, .54); color: #fff; }
html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a i { flex: 0 0 auto; color: #b889ff; }
html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a b { flex: 0 0 auto; min-width: 16px; padding: 2px 4px; border-radius: 9px; background: #ffba4d; color: #1d1530; font-size: .48rem; text-align: center; }

@media (max-width: 1180px) {
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar { grid-template-columns: minmax(180px, .72fr) minmax(220px, 1fr); }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar { grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 10px; }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav { grid-column: auto; }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a { padding-inline: 5px; }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a span { font-size: .52rem; }
}

@media (max-width: 380px) {
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a { flex-direction: column; gap: 3px; min-height: 45px; }
  html.gx-classic-navigation-preview .gx-commander-v2-launchbar > nav a b { position: absolute; top: 3px; right: 3px; }
}

/* Command hierarchy and touch-safe responsive overrides. */
@media (max-width: 1500px) and (min-width: 901px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: minmax(170px,220px) minmax(0,1fr) auto 38px; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 32px minmax(0,1fr) 44px; }
  html.gx-classic-navigation-preview .gx-classic-priority-more { min-width:44px;padding:0 8px; }
  html.gx-classic-navigation-preview .gx-classic-priority-more span { display:none; }
  html.gx-classic-navigation-preview .gx-command-community-row { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  html.gx-classic-navigation-preview .gx-command-center-deck { grid-template-columns:1fr; }
  html.gx-classic-navigation-preview .gx-command-center-card { min-height:112px; }
}

/* Command-center priority zone: the social and event situation belongs directly
   below the global "Was ist jetzt wichtig?" rail. */
html.gx-classic-navigation-preview .gx-command-priority-zone {
  display: grid;
  gap: 10px;
  min-width: 0;
}

html.gx-classic-navigation-preview .gx-command-clan-brief-host:empty { display: none; }
html.gx-classic-navigation-preview .gx-command-clan-brief-host .gx-clan-briefing { margin: 0 !important; }
html.gx-classic-navigation-preview .gx-command-clan-brief-host.is-ready { animation: gxCommandPriorityRise .34s cubic-bezier(.2,.8,.2,1) both; }
html.gx-classic-navigation-preview .gx-command-priority-zone > * {
  animation: gxCommandPriorityRise .34s cubic-bezier(.2,.8,.2,1) both;
}
html.gx-classic-navigation-preview .gx-command-priority-zone > *:nth-child(2) { animation-delay: .05s; }
html.gx-classic-navigation-preview .gx-command-priority-zone > *:nth-child(3) { animation-delay: .1s; }

@keyframes gxCommandPriorityRise {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: none; }
}

/* Desktop mega menus always show complete names and real live state. */
@media (min-width: 901px) {
  html.gx-classic-navigation-preview .gx-classic-center-panel {
    width: min(620px, calc(100vw - 28px));
  }
  html.gx-classic-navigation-preview .gx-classic-center[data-gx-classic-center="imperium"] .gx-classic-center-panel {
    width: min(760px, calc(100vw - 28px));
  }
  html.gx-classic-navigation-preview .gx-classic-nav-link {
    grid-template-columns: 20px minmax(0, 1fr) auto;
    min-height: 44px;
  }
  html.gx-classic-navigation-preview .gx-classic-nav-link span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.25;
  }
}

html.gx-classic-navigation-preview [data-gx-menu-status] {
  min-width: 44px;
  padding: 4px 6px;
  border: 1px solid rgba(91, 190, 255, .2);
  border-radius: 999px;
  background: rgba(34, 125, 190, .1);
  color: #8edcff;
  font: 800 .52rem/1 'Orbitron', sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: .25px;
  text-align: center;
  white-space: nowrap;
}
html.gx-classic-navigation-preview [data-gx-menu-status]:empty { display: none; }
html.gx-classic-navigation-preview .is-status-ok [data-gx-menu-status] { border-color: rgba(60, 211, 145, .24); background: rgba(21, 126, 82, .12); color: #69e6ae; }
html.gx-classic-navigation-preview .is-status-warn [data-gx-menu-status] { border-color: rgba(255, 184, 73, .3); background: rgba(151, 90, 12, .15); color: #ffd078; }
html.gx-classic-navigation-preview .is-status-danger [data-gx-menu-status] { border-color: rgba(255, 88, 110, .34); background: rgba(155, 24, 54, .16); color: #ff8a9b; }
html.gx-classic-navigation-preview .has-live-status [data-gx-menu-status] { animation: gxClassicMenuStatus 2.4s ease-in-out infinite; }

@keyframes gxClassicMenuStatus {
  0%, 100% { box-shadow: 0 0 0 rgba(83, 196, 255, 0); }
  50% { box-shadow: 0 0 12px rgba(83, 196, 255, .18); }
}

html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-nav-link {
  animation: gxClassicMenuLinkIn .24s cubic-bezier(.2,.8,.2,1) both;
}
html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-nav-link:nth-child(2) { animation-delay: .025s; }
html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-nav-link:nth-child(3) { animation-delay: .05s; }
html.gx-classic-navigation-preview .gx-classic-center.is-open .gx-classic-nav-link:nth-child(4) { animation-delay: .075s; }

@keyframes gxClassicMenuLinkIn {
  from { opacity: 0; transform: translateX(-5px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-command-priority-zone { gap: 8px; }
  html.gx-classic-navigation-preview [data-gx-menu-status] { min-width: 40px; }
}

/* Classic HUD: compact one-line priority rail. Controls remain inside the rail. */
html.gx-classic-navigation-preview .gx-classic-priority-bar {
  grid-template-columns: minmax(175px, 205px) minmax(0, 1fr);
  gap: 7px;
  margin: 7px 12px 0;
  padding: 5px 6px;
  overflow: hidden;
}

html.gx-classic-navigation-preview .gx-classic-priority-title {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 7px;
}

html.gx-classic-navigation-preview .gx-classic-priority-title > i {
  width: 28px;
  height: 28px;
}

html.gx-classic-navigation-preview .gx-classic-priority-title small { display: none !important; }

html.gx-classic-navigation-preview .gx-classic-priority-content {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 4px;
  padding: 3px;
  border: 1px solid rgba(60, 177, 245, .13);
  border-radius: 8px;
  background: rgba(2, 12, 31, .48);
  overflow: hidden;
}

html.gx-classic-navigation-preview .gx-classic-priority-items {
  gap: 4px;
  overflow: hidden;
}

html.gx-classic-navigation-preview .gx-classic-priority-bar.has-restore .gx-classic-priority-items {
  margin-right: 0;
  padding-right: 0;
}

html.gx-classic-navigation-preview .gx-classic-priority-entry {
  position: relative;
  flex: 1 1 220px;
  min-width: 0;
  min-height: 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(53, 185, 255, .16);
  border-radius: 7px;
  background: rgba(5, 23, 48, .72);
}

html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-danger) { border-color: rgba(255, 72, 99, .48); background: rgba(83, 9, 28, .56); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-warn) { border-color: rgba(255, 178, 49, .42); background: rgba(69, 42, 3, .54); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-clan) { border-color: rgba(163, 91, 255, .38); background: rgba(46, 19, 83, .52); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-event) { border-color: rgba(38, 203, 186, .36); background: rgba(3, 57, 61, .5); }
html.gx-classic-navigation-preview .gx-classic-priority-entry:has(.is-success) { border-color: rgba(74, 222, 128, .3); background: rgba(7, 54, 31, .46); }

html.gx-classic-navigation-preview .gx-classic-priority-entry .gx-classic-priority-item {
  min-width: 0;
  min-height: 30px;
  height: auto;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 6px;
  padding: 3px 6px;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}

html.gx-classic-navigation-preview .gx-classic-priority-item > i {
  width: 24px;
  height: 24px;
}

html.gx-classic-navigation-preview .gx-classic-priority-item small { display: none !important; }
html.gx-classic-navigation-preview .gx-classic-priority-item strong { font-size: .64rem; }
html.gx-classic-navigation-preview .gx-classic-priority-item > b { font-size: .55rem; }

html.gx-classic-navigation-preview .gx-classic-priority-actions {
  position: static;
  z-index: auto;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 4px 0 2px;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  border-left: 1px solid rgba(94, 181, 242, .1);
}

html.gx-classic-navigation-preview .gx-classic-priority-entry:hover .gx-classic-priority-item > b,
html.gx-classic-navigation-preview .gx-classic-priority-entry:focus-within .gx-classic-priority-item > b { opacity: 1; }

html.gx-classic-navigation-preview .gx-classic-priority-actions button {
  width: 21px;
  height: 21px;
  font-size: .5rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-toolbar {
  display: flex;
  align-items: center;
  gap: 3px;
}

html.gx-classic-navigation-preview .gx-classic-priority-more {
  min-width: 0;
  min-height: 30px;
  height: 100%;
  padding: 0 8px;
  border-radius: 6px;
  font-size: .57rem;
}

html.gx-classic-navigation-preview .gx-classic-priority-restore {
  position: static;
  width: 28px;
  height: 30px;
}

html.gx-classic-navigation-preview .gx-classic-priority-refresh {
  width: 28px;
  height: 30px;
  border-radius: 6px;
}

html.gx-classic-navigation-preview .gx-classic-loading { min-height: 30px; }

html.gx-classic-navigation-preview .res-value[data-gx-resource-flow],
html.gx-classic-navigation-preview .mres-val {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  will-change: transform, opacity;
}

html.gx-classic-navigation-preview .res-value[data-gx-resource-flow="up"] { text-shadow: 0 0 8px rgba(65, 224, 168, .12); }
html.gx-classic-navigation-preview .res-value[data-gx-resource-flow="down"] { text-shadow: 0 0 8px rgba(255, 91, 112, .14); }

@media (max-width: 900px) {
  html.gx-classic-navigation-preview .gx-classic-priority-bar { grid-template-columns: 32px minmax(0, 1fr); margin-inline: 6px; }
  html.gx-classic-navigation-preview .gx-classic-priority-title { display: block; }
  html.gx-classic-navigation-preview .gx-classic-priority-title > span,
  html.gx-classic-navigation-preview .gx-classic-priority-title > b { display: none; }
  html.gx-classic-navigation-preview .gx-classic-priority-content { grid-template-columns: minmax(0, 1fr) auto; }
  html.gx-classic-navigation-preview .gx-classic-priority-items { overflow-x: auto; }
  html.gx-classic-navigation-preview .gx-classic-priority-entry { flex-basis: min(76vw, 300px); min-width: min(76vw, 300px); }
  html.gx-classic-navigation-preview .gx-classic-priority-more { width: 35px; padding: 0; }
  html.gx-classic-navigation-preview .gx-classic-priority-more span { display: none; }
  html.gx-classic-navigation-preview .gx-classic-priority-refresh { display: none; }
}