/* AgroClaro — Badge Components */

/* Generic Badge */
.badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  background: var(--color-bg-section);
  color: var(--color-text-secondary);
}

.badge-sm {
  padding: 2px 8px;
  font-size: 0.7rem;
}

.badge-lg {
  padding: 6px 16px;
  font-size: 0.9rem;
}

/* Badge Variants */
.badge-primary {
  background: var(--color-primary-light);
  color: var(--color-bg-white);
}

.badge-success {
  background: var(--color-success);
  color: var(--color-bg-white);
}

.badge-warning {
  background: var(--color-warning);
  color: var(--color-text);
}

.badge-danger {
  background: var(--color-danger);
  color: var(--color-bg-white);
}

/* Toxicological Badges */
.tox-badge {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  color: var(--color-bg-white);
  white-space: nowrap;
}

.tox-1 { background: var(--color-tox-1); }
.tox-2 { background: var(--color-tox-2); }
.tox-3 { background: var(--color-warning); color: var(--color-text); }
.tox-4 { background: var(--color-success); }
.tox-5 { background: var(--color-tox-5); }
.tox-6 { background: var(--color-tox-6); }
.tox-7 { background: var(--color-tox-7); }

/* Environmental Badges */
.env-badge {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  color: var(--color-bg-white);
  white-space: nowrap;
}

.env-1 { background: var(--color-tox-1); }
.env-2 { background: var(--color-tox-2); }
.env-3 { background: var(--color-warning); color: var(--color-text); }
.env-4 { background: var(--color-success); }