/* Etapa Ports e a faixa Links no /game (P-078, T142; design "M08 — ports e links":
 * M08Panel ports78/mods78/relink78/phover78, M08Mobile quadro 3). Carregado depois de
 * editor-mods.css: o catálogo de ports usa a mesma linha do de módulos. */
.ed.step-ports .ed-hullsec, .ed:not(.step-ports) .ed-pcat { display: none; }
.ed:not(.step-mods):not(.step-ports) .ed-links { display: none; }
.ed-pcat { flex: 1; min-height: 0; }
@media (min-width: 861px) {
  .ed > .ed-pcat { flex-shrink: 1; }
}

/* O quadro da cabeça na etapa Ports: o tipo no lugar do número, sem o glifo de quadrados. */
.ed.step-ports .ed-pl .ed-glyph { display: none; }
.ed.step-ports .ed-pl .ed-n { font: 600 11.5px var(--mono); }

/* Faixa Links (M08Panel, linkBar): entre o catálogo e o pé, 44 px; "Trocar link" em vidro,
 * aceso em plasma (uma 3ª ferramenta: Colocar e Apagar apagam). */
.ed-links {
  flex: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 44px;
  padding: 0 4px 0 10px; border-radius: 12px; background: rgba(4, 8, 22, 0.40); border: 1px solid rgba(150, 185, 255, 0.14);
}
.ed-links-l { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ed-links-l svg { flex: none; }
.ed-links-l > span { display: flex; flex-direction: column; min-width: 0; }
.ed-links-l b { font-size: 14px; line-height: 17px; font-weight: 650; font-variant-numeric: tabular-nums; }
.ed-links-l small { font: 11.5px/14px var(--mono); color: var(--muted); white-space: nowrap; }
#ed-relink {
  flex: none; display: flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 10px;
  border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer;
  background: rgba(130, 160, 255, 0.10); border: 1px solid rgba(150, 185, 255, 0.30);
}
#ed-relink[aria-pressed="true"] {
  font-weight: 650; border-color: transparent; background: rgba(108, 242, 224, 0.12);
  box-shadow: inset 0 0 0 1px rgba(108, 242, 224, 0.50), inset 0 -2px 0 var(--plasma);
}
#ed-relink:disabled { cursor: not-allowed; color: #6F7D9E; background: transparent; border: 1px dashed rgba(147, 163, 200, 0.40); box-shadow: none; }
#ed-relink:focus-visible { outline: 2px solid var(--plasma); outline-offset: 2px; }

/* Celular (M08Mobile, quadro 3): a lista de ports em duas linhas, a faixa Links em
 * 52 px com o botão de 44 px; sem etiqueta de tecla. */
@media (max-width: 860px) {
  .ed.step-mods { grid-template-areas: "head head" "sq sq" "tool tool" "cat cat" "links links" "status status" "foot foot"; }
  .ed.step-ports { grid-template-areas: "head head" "sq sq" "tool tool" "pcat pcat" "links links" "status status" "foot foot"; }
  .ed.step-ports .ed-foot { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 10px; }
  .ed-pcat { grid-area: pcat; }
  .ed-pcat .ed-list { height: 158px; }   /* duas linhas de 76 px (M14Desc) */
  .ed-links { grid-area: links; height: 52px; padding: 0 4px 0 12px; }
  .ed-links-l svg { display: none; }
  #ed-relink { height: 44px; padding: 0 14px; }
}