/* Convenção de campo obrigatório, para o app inteiro.
   Use <b class="obrig">*</b> ao lado do rótulo, e a classe "campo-erro"
   no campo que faltou. Os nomes com prefixo pc- continuam valendo para
   não quebrar o que já está no ar. */
.obrig,.pc-obrig{color:var(--red);font-weight:800;margin-left:2px}
.legenda-obrig,.pc-legenda-obrig{color:var(--muted);font-size:11px;margin-top:6px}
.legenda-obrig b,.pc-legenda-obrig b{color:var(--red)}

/* Campo que faltou preencher. Some sozinho depois de 4s, para não ficar
   vermelho para sempre depois de corrigido. */
.campo-erro,.pc-campo-erro{border-color:var(--red)!important;
  box-shadow:0 0 0 3px rgba(239,18,29,.18)!important}

/* Aviso do que falta, sem travar o preenchimento. */
.pc-pendencia{margin:8px 0 0;padding:8px 12px;border-radius:10px;
  background:rgba(255,183,3,.12);border-left:3px solid var(--yellow);
  font-size:12.5px;color:var(--yellow)}
.pc-completo{margin:8px 0 0;padding:8px 12px;border-radius:10px;
  background:rgba(34,197,94,.10);border-left:3px solid var(--green);
  font-size:12.5px;color:var(--green)}