/* COMPONENTE — badge / status pill */

/* ===== BADGE / status pill ======================================== */
.badge { display:inline-flex; align-items:center; gap:7px; padding:5px 11px; border-radius:var(--radius-pill);
  font-family:var(--font-display); font-weight:var(--weight-bold); font-size:var(--text-xs); letter-spacing:0.02em; line-height:1.1; white-space:nowrap; }
.badge .badge-dot { width:7px; height:7px; border-radius:50%; flex:0 0 auto; background:currentColor; }
.badge-mel { background: rgba(243,223,71,0.14); color: var(--favo-yellow-300); }
.badge-success { background: rgba(31,157,87,0.16); color: var(--success-soft); }
.badge-info { background: rgba(0,133,202,0.16); color: var(--favo-sky-300); }