/* Estilos auxiliares (Tailwind via CDN cobre o resto). */
body { font-family: Inter, system-ui, -apple-system, sans-serif; }

.nav-link {
  padding: .5rem .9rem;
  border-radius: .6rem;
  font-size: .875rem;
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
  transition: all .15s;
}
.nav-link:hover { background: #f1f5f9; color: #4338ca; }
.nav-link.active { background: #eef2ff; color: #4338ca; }

.form-input {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: .6rem;
  padding: .6rem .8rem;
  font-size: .9rem;
  outline: none;
  transition: box-shadow .15s, border-color .15s;
  background: #fff;
}
.form-input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.25); }
.lbl { display:block; font-size:.8rem; font-weight:500; color:#475569; margin-bottom:.25rem; }

/* badges de status */
.badge { display:inline-flex; align-items:center; gap:.3rem; font-size:.72rem; font-weight:600; padding:.2rem .55rem; border-radius:999px; }
.badge-active        { background:#dbeafe; color:#1d4ed8; }
.badge-price_dropped { background:#dcfce7; color:#15803d; }
.badge-converted     { background:#d1fae5; color:#047857; }
.badge-expired       { background:#f1f5f9; color:#64748b; }
.badge-cancelled     { background:#fee2e2; color:#b91c1c; }
.badge-error         { background:#fef3c7; color:#b45309; }

.toast {
  background:#0f172a; color:#fff; padding:.7rem 1rem; border-radius:.7rem;
  font-size:.85rem; box-shadow:0 10px 30px rgba(2,6,23,.3);
  display:flex; align-items:center; gap:.5rem; animation: slidein .2s ease;
  max-width: 360px;
}
.toast.ok    { background:#065f46; }
.toast.err   { background:#991b1b; }
@keyframes slidein { from { transform: translateY(10px); opacity:0 } to { transform:none; opacity:1 } }

::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:6px; }