/* Fábrica — o alarme antes do número.
   Um ponto parado custa mais caro do que qualquer linha do faturamento,
   então ele ganha destaque próprio no topo do painel. */

.alarme-fab {
  border-color: var(--red);
  box-shadow: inset 3px 0 0 var(--red);
}
.alarme-fab .panel-head h3 { color: var(--red); }

.fab-sumidas { display: flex; flex-direction: column; gap: 8px; }
.fab-sumida {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; padding: 9px 12px; cursor: pointer;
  border: 1px solid var(--border); border-radius: 4px;
}
.fab-sumida:hover { border-color: var(--red); }
.fab-sumida .muted { margin-left: 8px; font-size: 12px; }
.fab-sumida-dias {
  font-family: var(--mono); font-size: 12px; color: var(--red); white-space: nowrap;
}

.fab-faltas { margin: 10px 0; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }

/* Linha de adicionar item: some assim que o pedido sai do rascunho, porque
   item de pedido confirmado não se mexe. */
.fab-add-item {
  display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
  margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border);
}
.fab-add-item select { flex: 1 1 260px; }
.fab-add-item input { width: 110px; }

.tabela-rolagem { overflow-x: auto; }
tr.clicavel { cursor: pointer; }
tr.clicavel:hover { background: var(--hover, rgba(127,127,127,.06)); }
tr.linha-alerta td { background: color-mix(in srgb, var(--red) 7%, transparent); }
tr.inativo td { opacity: .5; }

td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
td.alerta { color: var(--red); font-weight: 600; }
td.positivo { color: var(--green); }
td.negativo { color: var(--text-muted); }