/* SNP card partial — rendered in fallback Variants list */

.snp-card {
  display: block;
  border-radius: var(--corner-radius-md);
  padding: var(--spacing-16);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--background-surface-1);
  font-size: var(--font-size-14);
  line-height: 1.25rem;
  color: var(--text-primary);

  &:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  }

  &.snp-card--critical,
  &.snp-card--warning { border: var(--stroke-weight-2) solid var(--border-default); }
  &.snp-card--caution { border: var(--stroke-weight-2) solid var(--border-default); }
  &.snp-card--default { border: var(--stroke-weight-1) solid var(--border-default); }

  & .snp-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--spacing-12);
  }

  & .snp-card-head-meta {
    display: flex;
    align-items: center;
    gap: var(--spacing-8);
  }

  & .snp-card-rsid { font-weight: var(--font-weight-600); }

  & .snp-card-gene { color: var(--text-tertiary); }

  & .snp-card-description {
    color: var(--text-secondary);
    margin-top: var(--spacing-4);
  }

  & .snp-card-result { text-align: right; }

  & .snp-card-result-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-8);
    background-color: var(--background-surface-2);
    border-radius: var(--corner-radius-sm);
    padding-inline: var(--spacing-12);
    padding-block: var(--spacing-4);
  }

  & .snp-card-result-alleles {
    font-family: var(--font-family-mono);
    font-weight: var(--font-weight-700);
  }

  & .snp-card-result-status-wrap { margin-top: var(--spacing-4); }

  & .snp-card-genotype-section {
    margin-top: var(--spacing-12);
    padding-top: var(--spacing-12);
    border-top: var(--stroke-weight-1) solid var(--border-subtle);
  }

  & .snp-card-genotype-headline { font-weight: var(--font-weight-500); }

  & .snp-card-genotype-explanation {
    color: var(--text-secondary);
    margin-top: var(--spacing-4);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  & .snp-card-footer {
    margin-top: var(--spacing-12);
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  & .snp-card-footer-text {
    font-size: var(--font-size-12);
    line-height: 1rem;
    color: var(--text-primary);
  }

  & .snp-card-footer-icon {
    width: 1rem;
    height: 1rem;
    color: var(--text-primary);
  }
}