/* Grid Generator Specific Styles */

.bg-gradient-info {
  background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
}

#gridForm .form-control:focus,
#gridForm .form-select:focus {
  border-color: #17a2b8;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

#resultsCard {
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bg-light.rounded {
  transition: all 0.2s ease;
}

.bg-light.rounded:hover {
  background-color: #d1ecf1 !important;
  transform: scale(1.05);
}