/* A Fabricação de drone no painel da structure (P-118; design aprovado "M13 — da peça ao módulo":
 * M13Drone, M13Fab, M13Panel kind `core`, M13Mobile quadro 4): a cabeça com "Fila: n", o seletor
 * da Blueprint (o da Produção, com as cells ao lado), a caixa do Drone Assembler (a de cada
 * máquina, upp-row) com o nome do 1º da fila sobre a barra e as linhas do que falta, e o aviso
 * sob a caixa. O Cancelar fila apagado com a fila em 0. */
.upd { display: flex; flex-direction: column; padding-top: 10px; border-top: 1px solid rgba(150, 185, 255, 0.12); }
.upd[hidden], .upd-run[hidden], .upd-miss[hidden], .upd-note[hidden], .upd-in .upp-lb[hidden], .upd-in .upp-sub[hidden] { display: none; }
.upd-in { display: flex; flex-direction: column; gap: 8px; }
.upd-h { display: flex; align-items: center; gap: 6px; }
.upd-q {
  margin-left: auto; font: 600 12px ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
  font-variant-numeric: tabular-nums; color: #93A3C8;
}
.upd-q.on { color: #6CF2E0; }
.upd-bp { display: flex; align-items: center; gap: 8px; }
.upd-sel .upp-tgn { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; }
.upd-sel.none { opacity: 0.7; box-shadow: inset 0 0 0 1px rgba(150, 185, 255, 0.30); }
.upd-sel .upp-tgn.dim { color: #93A3C8; }
.upd-cells { flex: none; font: 10.5px ui-monospace, Menlo, Consolas, monospace; color: #93A3C8; }
/* M13Fab: o estado na linha do nome, que encolhe com reticências (não desce, como nas máquinas) */
.upd-in .upp-top { flex-wrap: nowrap; }
.upd-in .upp-n { flex: 1 1 auto; min-width: 0; }
.upd-in .upp-lb { mask-image: none; }   /* a lista curta não rola: o pé das vagas fica nítido */
.upd-mem { padding: 6px 8px 2px; letter-spacing: 0.08em; color: #6F7D9E; font: 10px ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace; }
.upd-run { display: flex; flex-direction: column; gap: 4px; }
.upd-rn, .upd-mh { font-size: 12px; line-height: 15px; color: #C4CFEA; }
.upd-miss, .upd-rows { display: flex; flex-direction: column; gap: 1px; }
.upd-mr { height: 20px; padding: 0 4px; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #E8EEFF; }
.upd-mn { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.upd-mq { flex: none; font: 10.5px ui-monospace, Menlo, Consolas, monospace; color: #93A3C8; }
.upd-mc { flex: none; width: 52px; text-align: right; font: 11px ui-monospace, Menlo, Consolas, monospace; color: #D9CCFF; }
.upd-note { margin: 0; display: flex; align-items: flex-start; gap: 6px; font-size: 12px; line-height: 15px; color: #C4CFEA; }
.upd-note.go { color: #6CF2E0; }
.upd-ndot { flex: none; margin-top: 4px; width: 7px; height: 7px; box-sizing: border-box; border-radius: 50%; border: 1.5px solid #93A3C8; }
.upd-note.go .upd-ndot { border: 0; background: #6CF2E0; }
.up-btn[aria-disabled] { cursor: default; color: #6F7D9E; background: rgba(130, 160, 255, 0.04); box-shadow: inset 0 0 0 1px rgba(150, 185, 255, 0.16); }
.up-btn[aria-disabled] .up-key { border-color: rgba(150, 185, 255, 0.16); }
.up-btn[aria-disabled]:active { transform: none; }

@media (max-width: 860px) {
  .upd-mr { height: 24px; }
}