/* Validador público de assinaturas — só tokens de style.css / sgq.css. */
.va-tela{max-width:860px;margin:0 auto}
.va-en{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.va-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.va-form .field{flex:1 1 320px;margin:0}
.va-codigo{font-family:var(--mono, ui-monospace, Consolas, monospace);font-size:20px;letter-spacing:.12em;text-transform:uppercase}
.va-placa{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);margin:16px 0}
.va-placa .va-sinal{width:40px;height:40px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--surface)}
.va-placa .va-sinal svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.va-placa.ok .va-sinal{background:var(--st-vigente)}
.va-placa.erro .va-sinal{background:var(--st-vencido)}
.va-placa.aviso .va-sinal{background:var(--st-atencao)}
.va-placa b{display:block;font-family:var(--din);font-size:20px;font-weight:600;letter-spacing:.02em;color:var(--dark)}
.va-placa span{font-size:13.5px;color:var(--text2)}
.va-cadeia{list-style:none;margin:0;padding:0}
.va-cadeia li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--hair);font-size:13.5px}
.va-cadeia li:last-child{border-bottom:0}
.va-cadeia li.esta b{color:var(--red)}
.va-cadeia small{color:var(--muted)}
.va-hash{font-family:var(--mono, ui-monospace, Consolas, monospace);font-size:12px;word-break:break-all;color:var(--dark)}
@media(max-width:640px){ .va-form .btn{width:100%} .va-codigo{font-size:17px} }