/* As máquinas do M13 na seção Produção (P-115; design aprovado "M13 — da peça ao módulo": M13Prod,
 * M13Target, M13Quality, M13Mobile): "sem alvo" em lilás no seletor, a form da Part ao lado do
 * nome e o quadro da quality prevista do Part Fabricator, com a spec em tabela (linhas de 20 px,
 * 24 no celular) e a linha que limita em lilás. */
.upp-tgn.none { color: #D9CCFF; }
.upp-sel.none { box-shadow: inset 0 0 0 1px rgba(183, 156, 255, 0.55); }
.upf-form { flex: none; font: 10.5px ui-monospace, Menlo, Consolas, monospace; color: #93A3C8; }
.upf-form[hidden], .upf-pv[hidden], .upf-ok[hidden], .upf-none[hidden] { display: none; }
.upf-op { flex: none; max-width: 52%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.upf-pv {
  display: flex; flex-direction: column; gap: 6px; padding: 8px 6px; border-radius: 8px;
  background: rgba(130, 160, 255, 0.06); border: 1px solid rgba(150, 185, 255, 0.16);
}
.upf-ok { display: flex; flex-direction: column; gap: 6px; }
.upf-head { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #C4CFEA; }
.upf-tone { flex: none; width: 14px; height: 14px; border-radius: 3px; box-shadow: inset 0 0 0 1.5px #45BCCF; }
.upf-q { margin-left: auto; font-size: 20px; font-weight: 750; line-height: 22px; color: #E8EEFF; font-variant-numeric: tabular-nums; }
.upf-lim { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 15px; color: #93A3C8; }
.upf-lim b { font-weight: 650; color: #D9CCFF; }
.upf-spec, .upf-rows { display: flex; flex-direction: column; gap: 1px; }
.upf-spec { font: 11px ui-monospace, Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
/* O painel é mais estreito que o quadro de 240 px do design (a barra de rolagem come largura):
 * o nome do eixo vai na fonte do texto e o teto ocupa as quatro primeiras colunas. */
.upf-tr {
  display: grid; grid-template-columns: minmax(0, 1fr) 28px 28px 28px 28px; gap: 2px; height: 20px;
  align-items: center; padding: 0 2px; border-radius: 5px; color: #C4CFEA;
}
.upf-tr span:first-child {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font: 11.5px system-ui, -apple-system, "Segoe UI", "Noto Sans", sans-serif;
}
.upf-tr.cap span:first-child { grid-column: 1 / 5; }
.upf-tr span:not(:first-child) { text-align: right; }
.upf-tr span:last-child { font-weight: 650; color: #E8EEFF; }
.upf-tr.cap span:last-child { color: #93A3C8; }
.upf-th { height: auto; color: #6F7D9E; font-size: 9.5px; }
.upf-th span:first-child { font: inherit; }
.upf-th span:last-child { font-weight: 400; color: #6F7D9E; }
.upf-tr.hot { background: rgba(183, 156, 255, 0.14); color: #E8EEFF; }
.upf-tr.hot span:last-child { color: #D9CCFF; }
.upf-foot { margin: 0; font-size: 11.5px; line-height: 14px; color: #93A3C8; }
.upf-none { margin: 0; display: flex; gap: 6px; font-size: 12px; line-height: 15px; color: #93A3C8; }
.upf-dot { flex: none; margin-top: 4px; width: 7px; height: 7px; border-radius: 50%; background: #5B6788; }

@media (max-width: 860px) {
  .upf-tr { height: 24px; }
  .upf-th { height: auto; }
}