/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield; /* Modern fix */
}

.btn-metapro {
    background: linear-gradient(90deg, #006400, #32CD32); /* dark green to light green */
    color: white;
    border: none;
    font-weight: bold;
    border-radius: 6px;
    transition: background 0.3s ease;
}

.btn-metapro:hover {
    background: linear-gradient(90deg, #228B22, #7CFC00); /* brighter on hover */
    color: white;
}

.metapro {
    font-weight: bold;
    font-size: 24px;
    background: linear-gradient(90deg, #006400, #32CD32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.gradient-icon {
    font-size: 2rem; /* or remove if you're using fa-2x */
    color: linear-gradient(90deg, #006400, #32CD32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    color: transparent; /* force override */
  }