/* tabela-elementos-pagina.css -- página /tabela-de-elementos (depende de tabela-elementos.css). */
.te-painel{
  margin-bottom:1.5rem; padding:1.25rem; border-radius:18px; border:1px solid var(--hairline);
  background: linear-gradient(160deg, var(--panel) 0%, var(--panel-2) 100%); box-shadow: 0 10px 30px rgba(0,0,0,.3);
}
.te-painel .mt-tab-quadro{ padding:.75rem; }
.te-sim-titulo{ display:flex; align-items:center; gap:.6rem; color: var(--text-bright); font-size:1.05rem; }
.te-sim-titulo i{ color:#4ab3f0; }
.te-sim-topo p{ margin:.4rem 0 1rem; font-size:.85rem; color: var(--text-dim); }
.te-sim-campos{ display:grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:.9rem; margin-bottom:1.1rem; }
.te-sim-campos label{ display:flex; flex-direction:column; gap:.35rem; min-width:0; }
.te-sim-campos span{ font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color: var(--text-dim); }
.te-sim-resultado{
  --tom:#9aa0b4; display:flex; align-items:center; gap:1.2rem; padding:1rem 1.2rem; border-radius:14px;
  border:1px solid color-mix(in srgb, var(--tom) 45%, transparent);
  background: radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--tom) 18%, transparent), transparent 65%), var(--panel-2);
}
.te-sim-resultado--forte{ --tom:#4cc38a; }
.te-sim-resultado--fraco{ --tom:#ef6b6b; }
.te-sim-num{ font-size:2.4rem; font-weight:800; line-height:1; color: var(--tom); font-variant-numeric: tabular-nums; text-shadow: 0 0 18px color-mix(in srgb, var(--tom) 55%, transparent); }
.te-sim-texto{ display:flex; flex-direction:column; gap:.4rem; min-width:0; color: var(--text); font-size:.85rem; }
.te-sim-texto b{ color: var(--text-bright); font-size:1rem; }
.te-sim-texto em{ font-style:normal; font-weight:700; color: var(--tom); }
.te-sim-texto small{ color: var(--text-dim); }
.te-sim-texto .elemento-badge{ float:none; margin:0 .2rem; vertical-align:middle; }
@media (max-width:520px){ .te-sim-resultado{ flex-direction:column; align-items:flex-start; } }