/* v1.9.4 — star column fixed width (bulletproof no-overlap) */
.nrmp-wrap{
  --nrmp-gap:16px;
  --nrmp-row-h:48px;
  --nrmp-radius:16px;
  --nrmp-badge-bg:#fff;
  --nrmp-text:#111;
  --nrmp-star:#FACC15;
  --nrmp-shadow-blur:8px;
  --nrmp-avatar:22px;
  --nrmp-empty:#eef2f7;
  --nrmp-name-star-gap:14px;
  --nrmp-star-size:16px;
  --nrmp-star-gap:3px;
  --nrmp-star-total: calc(5 * var(--nrmp-star-size) + 4 * var(--nrmp-star-gap));
  display:grid; gap:14px;
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
.nrmp-row{ overflow:hidden; height:var(--nrmp-row-h); }
.nrmp-track{ display:inline-flex; gap:var(--nrmp-gap); will-change:transform; transform:translate3d(0,0,0); backface-visibility:hidden; -webkit-font-smoothing:antialiased; }
.nrmp-group{ display:flex; gap:var(--nrmp-gap); margin:0!important; padding:0!important; list-style:none!important; }
.nrmp-group > li::marker, .nrmp-item::marker, .nrmp-empty::marker { content: none; }

/* Grid layout: avatar | name | fixed star column */
.nrmp-item{
  position:relative; display:grid;
  grid-template-columns: var(--nrmp-avatar) minmax(0,1fr) var(--nrmp-star-total);
  align-items:center; column-gap:var(--nrmp-name-star-gap);
  white-space:nowrap; background:var(--nrmp-badge-bg)!important; color:var(--nrmp-text)!important;
  padding:8px 16px 8px 14px; border-radius:9999px;
  box-shadow:0 4px var(--nrmp-shadow-blur) rgba(0,0,0,.06);
  overflow:visible; min-width:0;
}
.nrmp-avatar{ width:var(--nrmp-avatar); height:var(--nrmp-avatar); border-radius:999px; object-fit:cover; background:#e9e9e9; grid-column:1; display:block; }
.nrmp-name{ grid-column:2; font-weight:600; font-size:clamp(12px,3.6vw,14px); min-width:0; padding-right:6px; overflow:hidden; text-overflow:ellipsis; }
.nrmp-stars{ grid-column:3; display:inline-flex; align-items:center; gap:var(--nrmp-star-gap); width:var(--nrmp-star-total); justify-content:flex-start; }

/* Stars */
.nrmp-starwrap{ position:relative; width:var(--nrmp-star-size); height:var(--nrmp-star-size); display:inline-block; flex:0 0 var(--nrmp-star-size); }
.nrmp-star{ position:absolute; left:0; top:0; width:var(--nrmp-star-size); height:var(--nrmp-star-size); display:block; }
.nrmp-star.base{ fill:#E5E7EB; } .nrmp-star.filled{ fill:var(--nrmp-star); }
.nrmp-clip{ position:absolute; left:0; top:0; height:var(--nrmp-star-size); overflow:hidden; display:block; }

/* Placeholders */
.nrmp-empty{ width:var(--w,260px); height:var(--nrmp-row-h); background:var(--nrmp-empty)!important; border-radius:9999px; box-shadow:0 4px var(--nrmp-shadow-blur) rgba(0,0,0,.06); }

/* Marquee */
.nrmp-row[data-dir="left"]  .nrmp-track{ animation:nrmp-marquee-left var(--dur,40s) linear infinite; animation-delay: var(--delay, 0s); }
.nrmp-row[data-dir="right"] .nrmp-track{ animation:nrmp-marquee-right var(--dur,40s) linear infinite; animation-delay: var(--delay, 0s); }
@keyframes nrmp-marquee-left{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes nrmp-marquee-right{ from{transform:translateX(-50%)} to{transform:translateX(0)} }

/* Pause on hover */
.nrmp-wrap[data-pause="1"] .nrmp-row:hover .nrmp-track,
.nrmp-wrap[data-pause="1"] .nrmp-row:focus-within .nrmp-track{ animation-play-state:paused; }

@media (prefers-reduced-motion: reduce){ .nrmp-track{ animation:none !important; } }
@supports not (gap: 1rem) { .nrmp-group { margin-left: calc(var(--nrmp-gap) * -1);} .nrmp-group > * { margin-left: var(--nrmp-gap);} }

/* v1.9.5 — prevent shrinking so names keep full width */
.nrmp-group > .nrmp-item,
.nrmp-group > .nrmp-empty { flex: 0 0 auto; }
.nrmp-name{ overflow: visible; text-overflow: clip; } /* allow full name now that badges don't shrink */
