.pill{
  display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border-radius:99px;
  font-size:.74rem; font-weight:600; background:var(--cream-2); color:var(--ink-2); white-space:nowrap;
}
.pill.good{background:var(--good-bg); color:var(--good)}
.pill.warn{background:var(--warn-bg); color:var(--warn)}
.pill.danger{background:var(--danger-bg); color:var(--danger)}
.pill.info{background:var(--info-bg); color:var(--info)}
.pill.rose{background:var(--rose-mist); color:var(--rose-deep)}

.empty{text-align:center; padding:var(--sp7) var(--sp4); color:var(--muted)}
.empty .ic{width:52px;height:52px;margin:0 auto var(--sp3); color:var(--line-strong); display:block}
.empty h3{margin:0 0 6px; color:var(--ink-2); font-size:1.02rem; font-weight:600}
.empty p{margin:0 0 var(--sp4); font-size:.87rem; max-width:380px; margin-inline:auto}