/* ── State badge ─────────────────────────────────────────────────────────────── */

.pp-badge-slot{display:flex;align-items:center;flex-shrink:0;}

.pp-state-badge{
  display:flex;align-items:center;justify-content:center;
  width:14px;height:14px;border-radius:50%;
  border:none;background:transparent;
  cursor:pointer;transition:all .15s;flex-shrink:0;
  padding:0;
}
.pp-state-badge span{display:none;}
.pp-state-badge.active  {color:#34d399;}
.pp-state-badge.muted   {color:#f87171;}
.pp-state-badge.sleep   {color:#a78bfa;}
.pp-state-badge.inactive{color:#fbbf24;}
.pp-state-dot{width:7px;height:7px;border-radius:50%;background:currentColor;transition:all .2s;}
.pp-state-badge.active .pp-state-dot{box-shadow:0 0 6px #34d399;}
.pp-state-badge.muted .pp-state-dot{box-shadow:0 0 4px rgba(248,113,113,.5);}
.pp-state-badge:hover .pp-state-dot{transform:scale(1.3);}