/* Badges e pills */
/* ---------- Badges ---------- */
.badge{ display:inline-flex; align-items:center; gap:.25rem; font-size:.68rem; font-weight:800; letter-spacing:.02em; padding:.25rem .6rem; border-radius:999px; text-transform:none; white-space:nowrap; }
.badge-blue{ background:#dbeafe; color:#1d4ed8; } .dark .badge-blue{ background:rgba(59,130,246,.18); color:#93c5fd; }
.badge-amber{ background:#fef3c7; color:#b45309; } .dark .badge-amber{ background:rgba(245,158,11,.16); color:#fcd34d; }
.badge-green{ background:#dcfce7; color:#15803d; } .dark .badge-green{ background:rgba(34,197,94,.16); color:#86efac; }
.badge-red{ background:#fee2e2; color:#b91c1c; } .dark .badge-red{ background:rgba(239,68,68,.18); color:#fca5a5; }
.badge-teal{ background:#ccfbf1; color:#0f766e; } .dark .badge-teal{ background:rgba(20,184,166,.16); color:#5eead4; }
.badge-gray{ background:#e5e7eb; color:#4b5563; } .dark .badge-gray{ background:#334155; color:#cbd5e1; }
.badge-red-soft{ background:#ffe4e6; color:#be123c; } .dark .badge-red-soft{ background:rgba(244,63,94,.18); color:#fda4af; }
.badge-light{ background:rgba(255,255,255,.22); color:#fff; }

/* ---------- Pills / tags ---------- */
.pill-soft{ background:var(--wine-50); color:var(--wine); font-size:.75rem; font-weight:700; padding:.4rem .9rem; border-radius:999px; }
.dark .pill-soft{ background:rgba(142,27,46,.18); color:#f2a8b4; }
.tag-outline{ display:inline-flex; align-items:center; gap:.25rem; font-size:.7rem; font-weight:700; color:var(--muted);
  border:1px solid var(--border); border-radius:999px; padding:.2rem .6rem; }
.tag-lock{ display:inline-flex; align-items:center; gap:.3rem; font-size:.7rem; font-weight:700; color:var(--muted); background:var(--bg); border:1px solid var(--border); border-radius:999px; padding:.25rem .65rem; }
.dark .tag-lock{ background:var(--card); }
.birthday-pill{ background:var(--wine-50); color:var(--wine); font-size:.7rem; font-weight:800; padding:.2rem .7rem; border-radius:999px; text-align:center; }
.dark .birthday-pill{ background:rgba(142,27,46,.2); color:#f2a8b4; }
.birthday-pill.birthday-pill-hoje{ background:var(--wine); color:#fff; }

/* Estado de leitura de aviso/evento: texto + ícone, nunca só cor (UI.estadoLeitura) */
.read-state{ display:inline-flex; align-items:center; gap:.3rem; font-size:.72rem; font-weight:800; }
.read-state-on{ color:var(--muted); }
.read-state-new{ color:var(--accent); }
.read-dot{ width:.5rem; height:.5rem; border-radius:999px; background:var(--wine); }
.dark .read-dot{ background:var(--accent); }
.badge-new{ background:var(--wine); color:#fff; }