/* laser.css — a VIEW do apontamento: o chip do alvo e o cartão do comando.
 *
 * O que sobrou do <style> interno depois do T9 (2026-08-08) fatiar o resto
 * junto com os donos que saíram. Aqui mora só o que é do laser de verdade: o
 * chip que diz o que está sob a mira, e o cartão onde se escreve o pedido.
 *
 * O chip pede zona (BOTTOM_RIGHT, ordem 3). O cartão é ANCORADO AO MUNDO —
 * segue o centroide dos pontos marcados — e pega só a profundidade da camada.
 */
/* Sem crosshair — o feixe 3D é a mira. */

/* Chip do objeto mirado: colado ao bastonete, canto INFERIOR DIREITO. */
.laser-chip {
  /* canto e profundidade sao da ZONA (BOTTOM_RIGHT, ordem 3) */
  background: rgba(20,24,32,0.88);
  color: #ffd4cd; border: 1px solid rgba(255,90,74,0.5);
  padding: 6px 11px; border-radius: 7px;
  font: 12px/1.3 ui-monospace, Menlo, Consolas, monospace;
  pointer-events: none;
  max-width: 40ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  box-shadow: 0 6px 20px rgba(0,0,0,0.4);
  text-align: right;
}
.laser-chip.hidden { display: none; }
.laser-chip .laser-chip-count { color: #ff9a8a; margin-left: 6px; }

.laser-hud {
  /* ANCORADO AO MUNDO 3D: o position:fixed aqui é a mecânica de projetar um
     ponto da cena em pixels de tela (left/top vêm do render, a cada quadro)
     — não é escolha de canto. A profundidade vem da camada (GESTURE),
     aplicada no elemento; era z-index 450, fora da escala do produto. */
  position: fixed;
  pointer-events: none;
}
.laser-hud.hidden { display: none; }
.laser-hud-guide {
  position: absolute; left: 0; top: 0;
  width: 1px; background: rgba(255,90,90,0.55);
  transform-origin: 0 0;
  pointer-events: none;
}
.laser-hud-card {
  position: absolute;
  background: var(--bg-1, #161922);
  color: var(--fg-1, #d7dbe4);
  border: 1px solid rgba(255,90,90,0.4);
  border-radius: 8px;
  padding: 10px 12px;
  min-width: 340px; max-width: 440px;
  box-shadow: 0 10px 32px rgba(0,0,0,0.45);
  pointer-events: auto;
  backdrop-filter: blur(4px);
}
.laser-hud-title { font: 12px/1.4 system-ui, sans-serif; color: #ff9a9a; margin-bottom: 6px; }
.laser-hud-hint { color: #7c8291; font-weight: normal; margin-left: 4px; }
.laser-hud-row { display: flex; gap: 6px; align-items: center; }
.laser-hud-input {
  flex: 1 1 auto; background: rgba(15,17,21,0.6);
  color: var(--fg-0, #eef1f6);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 6px; padding: 8px 10px;
  font: 13px/1.3 system-ui, sans-serif; outline: none;
}
.laser-hud-input:focus { border-color: rgba(255,90,90,0.6); }
.laser-hud-mic {
  background: transparent; color: #ff9a9a; border: 1px solid rgba(255,90,90,0.4);
  width: 34px; height: 34px; border-radius: 6px; font-size: 14px; cursor: pointer;
}
.laser-hud-mic:hover { background: rgba(255,90,90,0.12); }
.laser-hud-mic.recording { background: rgba(255,90,90,0.3); color: #fff; }
.laser-hud-stat { color: #7c8291; font: 11px/1.3 system-ui, sans-serif; margin-top: 6px; }