body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.card {
  border-radius: 0.75rem;
  transition: box-shadow .3s ease;
}
.card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

.sequence-row:hover {
  background-color: rgba(13,110,253,0.1);
}
.table-active {
  background-color: rgba(13,110,253,0.15) !important;
}

#result-plot {
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08);
}

/* keep existing */
.progress {
  height: 1.5rem;
}


#sequence-search {
  max-width: 300px;
  margin-bottom: 1rem;
}

#failures-section {
  /* center the failure button nicely */
  display: flex;
  justify-content: center;
}

/* subtle hover shadows */
.hover-shadow {
  transition: box-shadow 0.3s ease;
}
.hover-shadow:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* custom progress bar */
.custom-progress {
  height: 1.8rem;
  border-radius: 0.9rem;
  background-color: #f1f3f5;
  overflow: hidden;
}
.custom-progress .progress-bar {
  transition: width 0.5s ease;
}

/* button hover brighten */
.btn:hover {
  filter: brightness(1.05);
  transition: filter 0.2s ease;
}

/* stronger card shadow */
.card.shadow-lg {
  box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important;
}