/* TEMVIO v0.8.3 — Trust Layer Preview
   Additive UI only; no layout locking and no scroll overrides. */

.trust-dimension-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.trust-dimension{
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  background:var(--paper);
  min-width:0;
}
.trust-dimension-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.trust-dimension-head strong{
  font-size:13px;
}
.trust-dimension-score{
  font-size:20px;
  font-weight:900;
  color:var(--accent-strong);
  white-space:nowrap;
}
.trust-dimension small{
  display:block;
  line-height:1.7;
  color:var(--muted);
  margin-top:8px;
}
.trust-meter{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:var(--accent-soft);
}
.trust-meter > i{
  display:block;
  width:calc(var(--score,0) * 1%);
  max-width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--teal),var(--accent));
}
.trust-formula-note{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  border:1px dashed var(--line);
  background:rgba(15,159,147,.05);
  font-size:11px;
  line-height:1.9;
  color:var(--muted);
}
.trust-formula-note b{
  color:var(--ink);
}
.trust-preview-label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--accent-soft);
  font-size:10px;
  font-weight:800;
}
@media(max-width:760px){
  .trust-dimension-grid{grid-template-columns:1fr}
}