/* O painel "Resource node" e o quadro Transporte da Belt (P-109; design aprovado "M12 — da mina
 * ao lingote": M12Panel kind node, M12BeltPanel, M12Mobile quadros 4 e 5). */
.up-glyph.node { color: #F2C46C; }

.upn[hidden], .up-tr .ups-form[hidden] { display: none; }
.upn { display: flex; flex-direction: column; gap: 8px; }
.upn-h { display: flex; align-items: baseline; gap: 6px; }
.upn-l {
  font: 600 11px/14px ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
  letter-spacing: 0.1em; text-transform: uppercase; color: #C4CFEA;
}
.upn-c { padding-top: 4px; }
.upn-left {
  margin-left: auto; font: 12px/16px ui-monospace, Menlo, Consolas, monospace;
  color: #E8EEFF; font-variant-numeric: tabular-nums;
}
.upn-bar { height: 6px; border-radius: 3px; background: rgba(242, 196, 108, 0.14); overflow: hidden; }
.upn-bar span { display: block; height: 100%; background: #F2C46C; }
.upn-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 1px; }
.upn-row { height: 22px; box-sizing: border-box; padding: 0 6px; display: flex; align-items: center; gap: 7px; }
.upn-n { flex: 1; min-width: 0; font-size: 13px; color: #E8EEFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.upn-el { flex: none; width: 34px; height: 4px; border-radius: 2px; background: rgba(242, 196, 108, 0.14); overflow: hidden; }
.upn-el span { display: block; height: 100%; background: #F2C46C; }
.upn-q, .upn-p { flex: none; text-align: right; font-family: ui-monospace, Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; }
.upn-q { width: 48px; font-size: 11px; color: #93A3C8; }
.upn-p { width: 54px; font-size: 12px; color: #E8EEFF; }
.upn-note { margin: 0; font-size: 12px; line-height: 16px; color: #93A3C8; }

/* Transporte: a pílula da carga no tom da faixa, à direita do título (a de M12Silo). */
.up-tr .ups-form { margin-left: auto; }

@media (max-width: 860px) {
  .upn-row { height: 26px; }
}