/* ═══════════════════════════════════════
   Timber Pest Identifier — tool-specific styles
   ═══════════════════════════════════════ */

/* Checkbox cards (step 4): show checked state same as radio */
#sdt-tpi-signs .sdt-card input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

#sdt-tpi-signs .sdt-card input[type="checkbox"]:checked + .sdt-card__face {
  border-color: var(--sdt-primary);
  background: var(--sdt-primary-light);
  box-shadow: 0 0 0 3px rgba(83, 194, 190, 0.2);
}

/* Checkmark indicator for multi-select */
#sdt-tpi-signs .sdt-card input[type="checkbox"]:checked + .sdt-card__face::after {
  content: '\2713';
  position: absolute;
  top: 0.4rem;
  right: 0.6rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--sdt-primary-dark);
}

#sdt-tpi-signs .sdt-card {
  position: relative;
}

/* Highlight top result bar */
#sdt-tpi-chart .sdt-bar:first-child .sdt-bar__name {
  font-weight: 700;
  color: var(--sdt-navy);
}

/* Flashing red bulb for critical risk */
#sdt-tpi-bulb-red.is-flashing {
  animation: sdt-tpi-flash 0.8s ease-in-out infinite;
}

@keyframes sdt-tpi-flash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Comparison table: keep pest name column from wrapping too aggressively */
#sdt-tpi-compare td:first-child {
  min-width: 10rem;
  white-space: nowrap;
}

/* Highlighted row in comparison table */
#sdt-tpi-compare tr[style*="background"] td {
  font-weight: 600;
}