/* Ajustes do painel por cima do Pico CSS. */
form.inline { display: inline; margin: 0; }
button.pequeno, a.pequeno { padding: .25rem .6rem; font-size: .85rem; margin: 0; }
.aviso { padding: .75rem 1rem; border-radius: .4rem; }
.aviso-ok { background: #e7f6ec; color: #11602e; }
.aviso-erro { background: #fdecec; color: #8a1c1c; }
.selo { display: inline-block; padding: .1rem .55rem; border-radius: 1rem; font-size: .8rem; background: #eceff3; color: #3c4450; white-space: nowrap; }
.selo-ok, .selo-conectado, .selo-enviada, .selo-recebida, .selo-sucesso, .selo-INFO { background: #e7f6ec; color: #11602e; }
.selo-pendente, .selo-iniciando, .selo-aguardando_qr, .selo-executando, .selo-AVISO { background: #fff6dd; color: #7a5a00; }
.selo-falhou, .selo-erro, .selo-indisponivel, .selo-desconectado, .selo-ERRO { background: #fdecec; color: #8a1c1c; }
.grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1rem; }
.grade article { margin: 0; }
.numero-grande { font-size: 2rem; font-weight: 700; margin: 0; }
.tabela { overflow-x: auto; }
.qr { max-width: 280px; background: #fff; padding: .5rem; border-radius: .5rem; }
.texto-mensagem { white-space: pre-wrap; max-width: 32rem; }
.discreto { color: #6b7280; font-size: .85rem; }