/* TEMVIO v0.8.2 — Identity Preview
   Additive only. No fixed heights / no scroll overrides. */

.identity-status-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.identity-status-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--paper);
  font-size:12px;
}
.identity-status-chip .status-led{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#18a77b;
  box-shadow:0 0 0 3px rgba(24,167,123,.12);
}
.identity-status-chip.preview{
  background:var(--accent-soft);
}
.identity-preview-note{
  margin:12px 0 16px;
  padding:12px 14px;
  border:1px dashed var(--line);
  border-radius:14px;
  background:rgba(99,91,255,.04);
  font-size:12px;
  line-height:1.8;
}
.identity-preview-note b{display:block;margin-bottom:3px}
.verified-work-head{
  display:flex;
  gap:10px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}
.work-sample-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  font-size:10px;
  border:1px solid var(--line);
  background:var(--paper);
  margin-bottom:8px;
}
@media(max-width:760px){
  .identity-status-row{gap:6px}
  .identity-status-chip{font-size:11px}
}