.auth-input-icon:has(svg) {
  left: 14px;
  top: 50%;
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  font-size: 0;
  font-weight: 400;
}

.auth-input-icon:has(svg)::before,
.auth-input-icon:has(svg)::after {
  content: none;
}

.auth-input-icon svg {
  display: block;
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Keep auth navigation on one line so the centered form does not jump near
   responsive breakpoints. On wide layouts the back action starts at the
   left edge of the form; mobile keeps brand and back action on opposite sides. */
.auth-panel-top {
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 40px;
}

.auth-mobile-brand,
.auth-back {
  flex-shrink: 0;
  white-space: nowrap;
}

@media (max-width: 960px) {
  .auth-content {
    align-items: center;
  }

  .auth-panel-top {
    justify-content: space-between;
  }
}

@media (max-width: 560px) {
  .auth-content {
    align-items: center;
  }

  .auth-back span {
    display: inline;
  }

}