/* Gradient used for buttons & icons */
.gradient-brand {
  background: linear-gradient(135deg, #5ae1ff 0%, #94da22 100%);
}

/* Optional: soft card glass effect (if you want stronger blur) */
.bg-white\/80 {
  backdrop-filter: blur(12px);
}

/* Smooth hover scaling for icon boxes */
.group:hover .group-hover\:scale-110 {
  transform: scale(1.1);
}

/* Combobox popup styles (tweak to match your design / Tailwind tokens) */
.combobox-menu {
  position: absolute;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 8px 24px rgba(2, 6, 23, 0.08);
  border-radius: 8px;
  padding: 6px 4px;
  max-height: 260px;
  overflow: auto;
  z-index: 9999;
  min-width: 160px;
}

.combobox-option {
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 6px;
  outline: none;
  user-select: none;
  white-space: nowrap;
}

.combobox-option:hover,
.combobox-option:focus {
  background: rgba(15, 23, 42, 0.04);
}

.combobox-option[aria-selected="true"] {
  background: rgba(37, 99, 235, 0.08);
  /* subtle selected */
  font-weight: 600;
}