/* Numeric generator fields use the same framed treatment as text inputs. */
.wrapper .form-field.is-number .field-wrapper input[type="number"] {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 8px 12px 0;
  color: var(--black);
  font-size: 18px;
  line-height: 40px;
  background: transparent;
  border: 1px solid var(--gray-border);
  border-radius: 5px;
  outline: none;
  transition: border-color 0.25s, box-shadow 0.25s;
  -moz-appearance: textfield;
}

.wrapper .form-field.is-number .field-wrapper input[type="number"]::-webkit-outer-spin-button,
.wrapper .form-field.is-number .field-wrapper input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.wrapper .form-field.is-number .field-wrapper input[type="number"]:not(.error):hover {
  border-color: var(--black);
}

.wrapper .form-field.is-number .field-wrapper input[type="number"]:not(.error):focus {
  border-color: var(--black);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}

.wrapper .form-field.is-number .field-wrapper input[type="number"].error {
  border-color: var(--danger);
}

/* The restored signature set contains slots 2–9. Keep empty legacy slots out
   of the homepage gallery until their source files are available. */
.web-app__mygrid > li:first-child,
.web-app__mygrid > li:nth-child(n + 10) {
  display: none;
}

/* Match the 30px connection-status spinner shown in the reference recording. */
.status img[data-v-b000ee2d] {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  object-position: center !important;
  flex-shrink: 0;
  image-rendering: auto;
}

/* Keep the Tools category visually unchanged while preventing its submenu from opening. */
.generator-menu__type.tools-dropdown-blocked > .generator-menu__type-wrapper {
  display: none !important;
}

/* Explore Plans removed from the Top up modal. */
.topup-form .topup-plans-link,
[data-topup-plans-link],
a.topup-plans-link {
  display: none !important;
}

/* On the stacked mobile form every step is shown at once. The base step rule
   keeps overflow hidden for the desktop step transition, which clips the
   calendar when the expiry date (the final field in its step) opens downward. */
@media screen and (max-width: 952px) {
  .generator-page__top-generator__form .form > .wrapper {
    overflow: visible !important;
  }
}