/* Ajustes rápidos (14/10/2026, ver js/ajustes-visual.js): Histórico, Scanner Incontrol e
   Cadastros e Blocos / Bloco. Mesmo padrão das outras telas (traço do Ô, selos com luz). */

/* ---- Histórico: botões na linha de Bloco/Unidade ---- */
body.ajustes-historico .ajv-hist-botoes {
  grid-column: 3 / -1; justify-content: flex-end; align-self: end; margin-top: 0 !important;
}
/* ---- Histórico: estado vazio ---- */
body.ajustes-historico #tabela-historico tr.ajv-vazio td {
  padding: 36px 16px !important; text-align: center; font-size: 13px; color: var(--text-muted) !important;
}
.ajv-vazio-icone {
  display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0 auto 12px;
  border-radius: 14px; color: var(--primary); background: var(--text);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 45%, transparent), 0 8px 20px color-mix(in srgb, var(--primary) 20%, transparent);
}
.ajv-vazio-icone svg { width: 24px; height: 24px; }

/* ---- Scanner Incontrol: botão de voltar ---- */
a.ajv-voltar {
  display: inline-flex; align-items: center; gap: 6px; margin: 0 0 14px; padding: 6px 12px 6px 9px; min-height: 32px; box-sizing: border-box;
  border: 1px solid var(--border); border-radius: 9px; background: var(--card-bg);
  color: var(--text); font-size: 12.5px; font-weight: 600; text-decoration: none;
}
a.ajv-voltar:hover { border-color: var(--primary); background: var(--accent-dim); color: var(--accent-text); }
a.ajv-voltar svg { width: 15px; height: 15px; }

/* ---- Blocos: estado dos faciais ---- */
.ajv-faciais {
  display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; padding: 1px 8px; border-radius: 999px;
  font-size: 10.5px; font-weight: 700; white-space: nowrap; border: 1px solid var(--border); color: var(--text-muted); background: var(--surface-2);
}
.ajv-faciais::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ajv-faciais.ajv-ok { color: var(--green-text); background: var(--green-bg); border-color: color-mix(in srgb, var(--success) 35%, transparent); }
.ajv-faciais.ajv-ok::before { box-shadow: 0 0 6px var(--success); }
.ajv-faciais.ajv-off { color: var(--red-text); background: var(--red-bg); border-color: color-mix(in srgb, var(--danger) 35%, transparent); }
.ajv-faciais.ajv-off::before { box-shadow: 0 0 6px var(--danger); }
body.ajustes-blocos #bloco-titulo + .ajv-faciais { font-size: 11px; padding: 3px 10px; }

@media (max-width: 1100px) {
  body.ajustes-historico .ajv-hist-botoes { grid-column: 1 / -1; justify-content: flex-start; }
}