/* Estilos locais da demo de Machine Unlearning: entrada de texto e badges.
   Reusa as variáveis de tema de ../style.css. */

.text-input {
  background: var(--card);
  color: var(--fg);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: .4rem .6rem;
  font-size: .9rem;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  width: 100%;
  max-width: 640px;
  box-sizing: border-box;
}
.text-input:focus { outline: none; border-color: var(--purple); }

.un-ref {
  color: var(--comment);
  font-size: .82rem;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  margin: .2rem 0 .4rem;
}
.un-ref span { color: var(--fg); }

/* Badge de veredito que muda de cor conforme o estado. */
.un-badge {
  display: inline-block;
  font-size: .82rem;
  font-weight: 600;
  padding: .12rem .5rem;
  border-radius: 5px;
  border: 1px solid var(--line);
  color: var(--fg);
}
.un-badge.ok    { border-color: var(--green);  color: var(--green); }
.un-badge.warn  { border-color: var(--red);    color: var(--red); }