:root{
  --vmx-ink:#3F5762;
  --vmx-paper:#F9F6DE;
  --vmx-paper2:#fffef8;
  --vmx-line:rgba(63,87,98,.18);
}

/* --- Badge --- */
.vmx-rating{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  color:var(--vmx-ink);
}

.vmx-rating__stars{
  display:inline-flex;
  gap:2px;
  align-items:center;
}

.vmx-star{
  opacity:.25;
  font-size:14px;
  line-height:1;
}

.vmx-star.is-on{ opacity:1; }

.vmx-rating__avg{ font-variant-numeric: tabular-nums; }
.vmx-rating__count{ opacity:.85; white-space:nowrap; }

/* --- Widget --- */
.vmx-ratebox{
  margin-top:10px;
  padding:12px;
  border:1px solid var(--vmx-line);
  border-radius:14px;
  background:rgba(255,255,255,.25);
}

.vmx-ratebox__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.vmx-ratebox__label{
  font-weight:800;
  color:var(--vmx-ink);
}

.vmx-ratebox__stars{
  display:inline-flex;
  gap:6px;
}

.vmx-rate-star{
  border:1px solid rgba(63,87,98,.25);
  background:rgba(249,246,222,.85);
  border-radius:999px;
  width:34px;
  height:34px;
  cursor:pointer;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.vmx-rate-star.is-on{
  background:var(--vmx-ink);
  color:var(--vmx-paper);
}

.vmx-ratebox__text{
  width:100%;
  margin:8px 0 10px;
  border-radius:12px;
  border:1px solid rgba(63,87,98,0.25);
  background:var(--vmx-paper2);
  padding:10px 12px;
  color:var(--vmx-ink);
}

.vmx-ratebox__msg.is-ok{ color:#2D3F47; font-weight:700; }
.vmx-ratebox__msg.is-err{ color:#B00020; font-weight:700; }

/* --- Harmonisierung in Cards: Badge + Fav oben sauber ausrichten --- */
.sr-doctor__metaTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

/* Badge etwas kompakter für Card-Header */
.sr-doctor__metaTop .vmx-rating{
  font-size:13px;
}
.sr-doctor__metaTop .vmx-rating__count{
  font-weight:600;
  opacity:.8;
}