/* ═══════════════════════════════════════
   Rot Identifier — tool-specific styles
   ═══════════════════════════════════════ */

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

#sdt-ri-visual .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);
}

/* Add a small checkmark indicator for multi-select */
#sdt-ri-visual .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-ri-visual .sdt-card {
  position: relative;
}