/* Plan chip, medal chips (Bronze / Silver / Gold / Platinum) and the status
   chips in the "My plan" panel. Each chip has its own solid colours, so it
   reads on every dark and light Shout theme. Used by shout.html and
   shout-profile.html. */
.mp-chip,.medal-chip{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;padding:7px 13px;border-radius:999px;text-decoration:none;background:#23233a;color:#e8e8f2;margin:0}
.mp-chip.plan{background:linear-gradient(90deg,#e8117a,#ff3d8f);color:#fff}
.mp-chip.wait{background:#2a2a40;color:#c9c9d8}

.mp-chip.m-bronze,.medal-chip.m-bronze{background:#e0a878;color:#3a1f08}
.mp-chip.m-silver,.medal-chip.m-silver{background:#e6e8ee;color:#262b38}
.mp-chip.m-gold,.medal-chip.m-gold{background:#f5d56b;color:#3a2c00}
.mp-chip.m-platinum,.medal-chip.m-platinum{background:linear-gradient(135deg,#f6f8fd,#b4c3e6);color:#16213f}

a.medal-chip{cursor:pointer}
a.medal-chip:hover{filter:brightness(1.07)}
a.medal-chip:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.badges .medal-chip{margin:0}