/* Command retains the existing compact Carrier menu and game icon set. */
#carrierInfoPanel [data-carrier-tab-v62790="command"][data-command-condition] {
  border-bottom: 2px solid #64e6a0 !important;
  border-color: #64e6a0 !important;
  background: rgba(33, 117, 75, .24) !important;
  color: #9affc4 !important;
  box-shadow: inset 0 0 12px rgba(74, 221, 138, .09) !important;
}
#carrierInfoPanel [data-carrier-tab-v62790="command"][data-command-condition="critical"] {
  border-color: #ff6475 !important;
  background: rgba(153, 37, 54, .3) !important;
  color: #ffb2bc !important;
  box-shadow: inset 0 0 12px rgba(255, 80, 108, .12) !important;
}
#carrierInfoPanel [data-carrier-tab-v62790="command"][data-command-condition="critical"]::after {
  content: " !";
}
#carrierInfoPanel [data-carrier-tab-v62790="command"][data-command-condition].active {
  box-shadow: inset 0 -3px 0 currentColor !important;
}
#carrierInfoPanel[data-command-damage-report="ready"] #carrierMaintenanceCardV62790,
#carrierInfoPanel[data-command-damage-report="ready"] #carrierMaintenanceDetailsV62790 {
  display: none !important;
}
#carrierInfoPanel #commandDamageReport {
  --condition-color: #77e6aa;
  margin: 0 0 9px;
  border: 1px solid rgba(119, 230, 170, .3);
  border-radius: 8px;
  background: rgba(6, 24, 33, .9);
  overflow: hidden;
  text-align: left;
}
#carrierInfoPanel #commandDamageReport[data-condition="critical"] {
  --condition-color: #ffa0ab;
  border-color: rgba(255, 100, 117, .55);
}
#commandDamageReport .commandDamageHeading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 5px 8px;
  padding: 10px;
  min-height: 44px;
  box-sizing: border-box;
  cursor: pointer;
  list-style: none;
}
#commandDamageReport > summary::-webkit-details-marker { display: none; }
#commandDamageReport > summary::after {
  content: "›";
  margin-left: auto;
  color: var(--condition-color);
  font: 800 20px/1 system-ui, sans-serif;
}
#commandDamageReport[open] > summary {
  border-bottom: 1px solid rgba(126, 191, 215, .16);
}
#commandDamageReport[open] > summary::after { transform: rotate(90deg); }
#commandDamageReport > summary:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -3px;
}
#commandDamageReport .commandDamageHeading h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #edf9ff;
  font: 800 11px/1.35 system-ui, sans-serif;
  letter-spacing: .08em;
}
#commandDamageReport .commandSystemsBadge {
  display: block;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  object-fit: contain;
  -webkit-mask: url("/assets/menu-icons/systems-badge-mask.svg") center / contain no-repeat;
  mask: url("/assets/menu-icons/systems-badge-mask.svg") center / contain no-repeat;
}
#commandDamageReport #commandDamageSummary {
  color: var(--condition-color);
  font: 750 9px/1.4 system-ui, sans-serif !important;
  letter-spacing: .035em;
}
#commandDamageReport .commandDamageRow {
  --row-color: #8ef0b5;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr) auto;
  align-items: center;
  gap: 3px 8px;
  padding: 9px 10px;
  border-bottom: 1px solid rgba(126, 191, 215, .12);
}
#commandDamageReport .commandDamageRow[data-status="damaged"] { --row-color: #ffd083; }
#commandDamageReport .commandDamageRow[data-status="critical"],
#commandDamageReport .commandDamageRow[data-status="disabled"] { --row-color: #ff9aa7; }
#commandDamageReport .commandDamageRow > img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  grid-row: 1 / 3;
  opacity: .9;
}
#commandDamageReport .commandDamageLabel {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  color: #e9f6fd !important;
  font: 750 11px/1.35 system-ui, sans-serif !important;
}
#commandDamageReport .commandDamageName {
  min-width: 0;
  overflow-wrap: anywhere;
}
#commandDamageReport .commandDamageHeading > .nnMenuInfoButton {
  margin-left: -6px;
  margin-right: auto;
}
#commandDamageReport .commandDamageNote[hidden],
#commandDamageReport .commandDamageLegend[hidden] { display: none !important; }
#commandDamageReport .commandDamagePercent {
  color: #f3faff !important;
  font: 800 15px/1.2 system-ui, sans-serif !important;
  font-variant-numeric: tabular-nums;
}
#commandDamageReport .commandDamageActions {
  grid-column: 3;
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}
#carrierInfoPanel #commandDamageReport .commandRepairButton {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px !important;
  padding: 0;
  border: 1px solid rgba(126, 191, 215, .3) !important;
  border-radius: 5px !important;
  background: rgba(15, 43, 55, .72) !important;
  cursor: pointer;
  touch-action: manipulation;
}
#commandDamageReport .commandRepairButton img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#carrierInfoPanel #commandDamageReport .commandRepairButton:hover {
  border-color: var(--row-color) !important;
}
#carrierInfoPanel #commandDamageReport .commandRepairButton:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: -3px;
}
#carrierInfoPanel #commandDamageReport .commandRepairButton[hidden],
#carrierInfoPanel #commandDamageReport .commandDamageRow[data-status="healthy"] .commandRepairButton {
  display: none !important;
}
#commandDamageReport .commandDamageStatus {
  grid-column: 2;
  color: var(--row-color) !important;
  font: 800 9px/1.35 system-ui, sans-serif !important;
  letter-spacing: .055em;
}
#commandDamageReport .commandDamageMeter {
  grid-column: 2 / 4;
  height: 4px;
  margin: 3px 0;
  border-radius: 3px;
  background: rgba(164, 192, 206, .14);
  overflow: hidden;
}
#commandDamageReport .commandDamageMeter i {
  display: block;
  height: 100%;
  background: var(--row-color);
}
#commandDamageReport .commandDamageNote {
  grid-column: 2 / 4;
  color: #a9c1ce !important;
  font: 500 10px/1.4 system-ui, sans-serif !important;
  overflow-wrap: anywhere;
}
#commandDamageReport .commandDamageLegend {
  margin: 0;
  padding: 9px 10px;
  color: #a4becb;
  font: 500 9px/1.55 system-ui, sans-serif;
}
/* Command cards share the Systems panel treatment; badge artwork stays unframed. */
#carrierInfoPanel #carrierHeroTileV62774,
#carrierInfoPanel #carrierMilitaryRankV62781 {
  --command-card-accent: #77e6aa;
  --command-card-border: rgba(119, 230, 170, .3);
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  grid-template-rows: auto;
  gap: 8px !important;
  min-height: 68px !important;
  margin: 0;
  padding: 10px !important;
  border: 1px solid var(--command-card-border) !important;
  border-radius: 8px !important;
  background: rgba(6, 24, 33, .9) !important;
  box-shadow: none !important;
  text-align: left;
}
#carrierInfoPanel #carrierHeroTileV62774 {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
}
#carrierInfoPanel #carrierHeroTileV62774[data-progress-tier="blue"],
#carrierInfoPanel #commandHeroUpgradeDialog[data-progress-tier="blue"] {
  --command-card-accent: #63cfff;
  --command-card-border: rgba(99, 207, 255, .3);
}
#carrierInfoPanel #carrierHeroTileV62774[data-progress-tier="black"],
#carrierInfoPanel #commandHeroUpgradeDialog[data-progress-tier="black"] {
  --command-card-accent: #c6cbd3;
  --command-card-border: rgba(198, 203, 211, .3);
}
#carrierInfoPanel #carrierHeroTileV62774[data-progress-tier="red"],
#carrierInfoPanel #commandHeroUpgradeDialog[data-progress-tier="red"] {
  --command-card-accent: #ff9aa7;
  --command-card-border: rgba(255, 154, 167, .3);
}
#carrierInfoPanel #carrierHeroTileV62774[data-progress-tier="orange"],
#carrierInfoPanel #commandHeroUpgradeDialog[data-progress-tier="orange"] {
  --command-card-accent: #ffad45;
  --command-card-border: rgba(255, 173, 69, .3);
}
#carrierInfoPanel #carrierHeroTileV62774 > .carrierCommandIconV62790,
#carrierInfoPanel #carrierMilitaryRankBadgeV62781 {
  box-sizing: border-box;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#carrierInfoPanel #carrierHeroTileV62774 > div,
#carrierInfoPanel #carrierMilitaryRankV62781 > div { min-width: 0; }
#carrierInfoPanel #carrierHeroTileV62774 > div > span,
#carrierInfoPanel #carrierMilitaryRankV62781 > div > span {
  color: #edf9ff;
  font: 800 11px/1.35 system-ui, sans-serif !important;
  letter-spacing: .08em;
}
#carrierInfoPanel #carrierHeroTileV62774 > div > b,
#carrierInfoPanel #carrierMilitaryRankV62781 > div > b {
  margin: 3px 0;
  color: var(--command-card-accent);
  font: 750 11px/1.4 system-ui, sans-serif !important;
}
#carrierInfoPanel #carrierHeroTileV62774 > div > small,
#carrierInfoPanel #carrierMilitaryRankV62781 > div > small {
  color: #a9c1ce;
  font: 500 9px/1.4 system-ui, sans-serif !important;
  overflow-wrap: anywhere;
}
#carrierInfoPanel #carrierHeroUpgrade {
  justify-self: end;
  max-width: 100%;
  min-height: 44px !important;
  padding: 8px 10px;
  border: 1px solid var(--command-card-border) !important;
  border-radius: 5px !important;
  background: rgba(33, 117, 75, .24) !important;
  color: #edf9ff !important;
  font: 800 10px/1.4 system-ui, sans-serif !important;
  letter-spacing: .035em !important;
  cursor: pointer;
  touch-action: manipulation;
}
#carrierInfoPanel #carrierHeroUpgrade:hover {
  border-color: var(--command-card-accent) !important;
}
#carrierInfoPanel #carrierMilitaryRankV62781,
#carrierInfoPanel #carrierMilitaryRankV62781:hover {
  border-color: transparent !important;
  box-shadow: none !important;
}
#carrierInfoPanel #carrierHeroUpgrade:focus-visible,
#carrierInfoPanel #carrierMilitaryRankV62781:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: -3px;
}
#carrierInfoPanel #commandHeroUpgradeDialog,
#carrierInfoPanel #commandRepairDialog {
  --command-card-accent: #77e6aa;
  --command-card-border: rgba(119, 230, 170, .3);
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: min(380px, calc(100vw - 24px));
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  margin: auto;
  padding: 16px;
  border: 1px solid var(--command-card-border) !important;
  border-radius: 8px !important;
  background: #061821 !important;
  color: #edf9ff !important;
  font: 500 11px/1.4 system-ui, sans-serif;
  text-align: left;
}
#commandHeroUpgradeDialog::backdrop,
#commandRepairDialog::backdrop { background: rgba(0, 7, 13, .76); }
#carrierInfoPanel #commandHeroUpgradeDialog > header,
#carrierInfoPanel #commandRepairDialog > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
#carrierInfoPanel #commandHeroUpgradeDialog > header > div,
#carrierInfoPanel #commandRepairDialog > header > div {
  flex: 1;
  min-width: 0;
}
#carrierInfoPanel #commandHeroUpgradeDialog > header,
#carrierInfoPanel #commandRepairDialog > header { column-gap: 4px; }
#carrierInfoPanel #commandHeroUpgradeDialog .nnMenuInfoButton,
#carrierInfoPanel #commandRepairDialog .nnMenuInfoButton {
  flex: 0 0 var(--nn-info-hit-size);
  width: var(--nn-info-hit-size);
  min-width: var(--nn-info-hit-size);
  max-width: var(--nn-info-hit-size);
  height: var(--nn-info-hit-size);
  min-height: var(--nn-info-hit-size) !important;
  padding: 0 !important;
  font: 800 13px/1 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandHeroUpgradeDialog > header small,
#carrierInfoPanel #commandRepairDialog > header small {
  color: #a9c1ce !important;
  font: 750 9px/1.4 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandHeroUpgradeTitle,
#carrierInfoPanel #commandRepairTitle {
  margin: 4px 0 0;
  color: #edf9ff !important;
  font: 800 14px/1.35 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandHeroUpgradeDialog .commandHeroPreview,
#carrierInfoPanel #commandRepairDialog .commandRepairPreview {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 16px 0;
}
#carrierInfoPanel #commandHeroUpgradeDialog .commandHeroPreview img,
#carrierInfoPanel #commandRepairDialog .commandRepairPreview img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#carrierInfoPanel #commandHeroUpgradeLevel,
#carrierInfoPanel #commandRepairSystemName {
  display: block;
  color: #edf9ff;
  font: 800 14px/1.4 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandHeroUpgradeTier,
#carrierInfoPanel #commandRepairCondition {
  display: block;
  margin-top: 4px;
  color: var(--command-card-accent);
  font: 750 10px/1.4 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandHeroUpgradeDialog .commandHeroUpgradeResources,
#carrierInfoPanel #commandRepairDialog .commandRepairQuote {
  margin: 0;
  padding: 0 12px;
  border: 1px solid rgba(119, 230, 170, .3);
  border-radius: 8px;
  background: rgba(9, 29, 41, .7);
}
#carrierInfoPanel #commandHeroUpgradeDialog .commandHeroUpgradeResources > div,
#carrierInfoPanel #commandRepairDialog .commandRepairQuote > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}
#carrierInfoPanel #commandHeroUpgradeDialog .commandHeroUpgradeResources > div + div,
#carrierInfoPanel #commandRepairDialog .commandRepairQuote > div + div {
  border-top: 1px solid rgba(126, 191, 215, .16);
}
#carrierInfoPanel #commandHeroUpgradeDialog dt,
#carrierInfoPanel #commandRepairDialog dt {
  color: #a9c1ce;
  font: 750 10px/1.4 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandHeroUpgradeDialog dd,
#carrierInfoPanel #commandRepairDialog dd {
  margin: 0;
  color: #edf9ff;
  font: 800 12px/1.4 system-ui, sans-serif !important;
  text-align: right;
}
#carrierInfoPanel #commandHeroUpgradeHelp,
#carrierInfoPanel #commandRepairHelp { margin: 12px 0 16px; }
#carrierInfoPanel #commandHeroUpgradeHelp[hidden],
#carrierInfoPanel #commandRepairHelp[hidden] { display: none !important; }
#carrierInfoPanel #commandHeroUpgradeDialog button,
#carrierInfoPanel #commandRepairDialog button {
  min-height: 44px !important;
  padding: 8px 10px;
  font: 800 10px/1.4 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandHeroUpgradeDialog .nnMenuClose,
#carrierInfoPanel #commandRepairDialog .nnMenuClose {
  flex: 0 0 44px;
  width: 44px;
  padding: 0;
  font: 400 24px/1 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandHeroUpgradeDialog .nnMenuActions > button:disabled { flex: 1 1 180px; }
#carrierInfoPanel #commandRepairDialog .commandRepairPreview > div { min-width: 0; }
#carrierInfoPanel #commandRepairSystemName { overflow-wrap: anywhere; }
#carrierInfoPanel #commandRepairLevel {
  display: block;
  margin-top: 4px;
  color: #a9c1ce;
  font: 750 10px/1.4 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandRepairCondition { color: #ffd083; }
#carrierInfoPanel #commandRepairMessage {
  margin: 12px 0;
  color: #ffd083 !important;
  font: 750 11px/1.45 system-ui, sans-serif !important;
  overflow-wrap: anywhere;
}
#carrierInfoPanel #commandRepairMessage:empty { display: none; }
#carrierInfoPanel #commandRepairDialog .commandRepairKit {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid rgba(126, 191, 215, .22);
  border-radius: 8px;
  background: rgba(9, 29, 41, .7);
}
#carrierInfoPanel #commandRepairDialog .commandRepairKit > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 4px;
  min-width: 0;
  flex: 1;
}
#carrierInfoPanel #commandRepairDialog .commandRepairKit > div > small { grid-column: 1 / -1; }
#carrierInfoPanel #commandRepairDialog .commandRepairKit b {
  display: block;
  color: #edf9ff;
  font: 750 10px/1.4 system-ui, sans-serif !important;
}
#carrierInfoPanel #commandRepairDialog .commandRepairKit small {
  display: block;
  margin-top: 4px;
  color: #a9c1ce;
  font: 500 9px/1.4 system-ui, sans-serif !important;
  overflow-wrap: anywhere;
}
#carrierInfoPanel #commandRepairKitQuantity {
  color: #edf9ff;
  font-weight: 750;
}
#carrierInfoPanel #commandRepairDialog .commandRepairKit > button {
  flex: 0 0 auto;
  max-width: 45%;
}
#carrierInfoPanel #commandRepairConfirm { flex: 1 1 180px; }
#carrierInfoPanel #commandRepairDialog button:disabled {
  opacity: .52;
  cursor: not-allowed;
}
#carrierInfoPanel #commandRepairDialog[aria-busy="true"],
#carrierInfoPanel #commandRepairDialog[aria-busy="true"] button:disabled { cursor: wait; }
#carrierInfoPanel #commandRepairDialog button:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: -3px;
}
#commandDamageAlert {
  box-sizing: border-box;
  position: fixed;
  top: max(76px, env(safe-area-inset-top));
  right: max(12px, env(safe-area-inset-right));
  z-index: 16000;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  width: min(330px, calc(100vw - 24px));
  padding: 12px 42px 12px 12px;
  border: 1px solid #d76172;
  border-left: 3px solid #ff7e8e;
  border-radius: 9px;
  color: #fff4f6;
  background: rgba(38, 12, 22, .97);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .4);
  font-family: system-ui, sans-serif;
}
#commandDamageAlert[hidden],
body:not(.nonameMapActiveV62862) #commandDamageAlert {
  display: none !important;
}
#commandDamageAlert .commandDamageAlertCopy { grid-column: 1 / 3; }
#commandDamageAlert strong {
  display: block;
  color: #ffc0c9;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .04em;
}
#commandDamageAlertDetails {
  display: block;
  margin-top: 5px;
  color: #e8cdd3;
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
#commandDamageAlert #commandDamageOpen {
  justify-self: start;
  min-height: 34px;
  padding: 6px 11px;
  border: 1px solid #dc7786;
  border-radius: 5px;
  background: #793345;
  color: #fff;
  font: 800 10px/1.4 system-ui, sans-serif;
  cursor: pointer;
  touch-action: manipulation;
}
#commandDamageAlert #commandDamageDismiss {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  color: #f9d6dd;
  background: transparent;
  font: 400 23px/1 system-ui, sans-serif;
  cursor: pointer;
  touch-action: manipulation;
}
#commandDamageAlert button:focus-visible,
#carrierInfoPanel [data-carrier-tab-v62790="command"]:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: -3px;
}
/* The alert explicitly opens Command even while the combat HUD owns the map. */
body.commandDamageReportOpen #carrierInfoPanel:not(.hidden) {
  display: block !important;
  visibility: visible !important;
  z-index: 15500 !important;
}
@media (max-width: 420px) {
  /* Keep the Carrier header/close and the upper PvP toast clear on phones. */
  #commandDamageAlert { top: auto; bottom: max(84px, calc(env(safe-area-inset-bottom) + 72px)); }
  #commandDamageReport .commandDamageRow { padding: 8px; gap: 3px 6px; }
  #commandDamageReport .commandDamageHeading { padding: 9px 8px; }
  #carrierInfoPanel #commandDamageReport .commandRepairButton {
    flex-basis: 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px !important;
  }
  #carrierInfoPanel #carrierHeroTileV62774,
  #carrierInfoPanel #carrierMilitaryRankV62781 { padding: 9px 8px !important; }
}