/* ---------- ficha do modelo ---------- */
.fundo-ficha {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 30;
}
.ficha-painel {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: min(480px, 100vw);
  background: var(--fundo);
  border-left: 1px solid var(--borda);
  z-index: 40;
  display: flex;
  flex-direction: column;
  box-shadow: -20px 0 50px rgba(0, 0, 0, 0.5);
}
.ficha-topo {
  flex-shrink: 0;
  background: var(--superficie);
  display: flex;
  align-items: center;
  gap: var(--e3);
  padding: var(--e3) var(--e4);
  border-bottom: 1px solid var(--borda);
}
.ficha-topo h2 {
  margin: 0;
  font-size: 15px;
  word-break: break-all;
  flex: 1;
}
.ficha-corpo {
  overflow-y: auto;
  padding: var(--e4);
}

.bloco-ficha {
  background: var(--superficie);
  border: 1px solid var(--borda);
  border-radius: var(--raio);
  padding: var(--e4);
  margin-bottom: var(--e3);
}
.bloco-ficha h3 {
  margin: 0 0 var(--e3);
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: var(--e2);
}
.linha-ficha {
  display: flex;
  justify-content: space-between;
  gap: var(--e3);
  padding: var(--e1) 0;
  font-size: 13px;
  border-bottom: 1px solid var(--borda);
}
.linha-ficha:last-child { border-bottom: 0; }
.linha-ficha span:last-child { text-align: right; word-break: break-word; }

/* A etiqueta é o coração desta tela: diz o quanto confiar em cada bloco.
   Verde é fato vindo da API, âmbar é dedução pelo nome, azul é medição nossa. */
.etiqueta {
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.etiqueta.fato { background: rgba(61, 220, 132, 0.15); color: var(--ok); }
.etiqueta.inferencia { background: rgba(255, 180, 84, 0.15); color: var(--aviso); }
.etiqueta.medido { background: rgba(110, 168, 254, 0.15); color: var(--destaque); }

.sonda { border-top: 1px solid var(--borda); padding: var(--e3) 0; }
.sonda:first-of-type { border-top: 0; }
.sonda-topo {
  display: flex;
  align-items: center;
  gap: var(--e2);
  flex-wrap: wrap;
  font-size: 13px;
}
.sonda p { margin: 4px 0 0; }
.evidencia {
  background: #0b0d12;
  border: 1px solid var(--borda);
  border-radius: var(--raio-p);
  padding: var(--e2) var(--e3);
  font-size: 12px;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  color: var(--texto-fraco);
  margin: var(--e2) 0 0;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 120px;
  overflow-y: auto;
}
.aviso-benchmark { border-color: var(--aviso); }
#rodar-sondas { margin-bottom: var(--e3); }