.login-flex-row form {
    display: flex;
    flex-direction: column;
    gap: 1rem;             /* space between input and button */
}


.login-flex-row .wrapper {
    max-width: 320px;      /* or 360px if you want more room */
    margin: 1rem auto;     /* centers the block */
    padding: 1.5rem;       /* space inside the box */
}

.login-flex-row form {
    display: flex;
    flex-direction: column;
    gap: 2rem;                 /* space between input and button */
}

.login-flex-row input {
    width: 100%;
}

.login-flex-row button[type="submit"] {
    width: auto;          /* stops stretching */
    align-self: center;   /* centers it inside the wrapper */
    padding: 0.625rem 1.125rem;   /* match your other buttons */
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.375rem;
    background: #000;
    color: #fff;
    border: 1px solid #fdfbfb;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.login-flex-row button[type="submit"]:hover {
    background: #111;
    border-color: #79b8ff;
}

.login-flex-row button[type="submit"] {
    display: none;
}

.confirmation-popup {
  display: none;
  background: #2a2a2a;
  color: #fff;
  padding: 1.5rem 2rem;
  margin: 2rem auto;
  max-width: 26rem;
  border-radius: 0.5rem;
  text-align: center;
  border: 2px solid #79b8ff;
  font-size: 1rem;
}

.input-error {
    border: 1px solid #f85149 !important;
    background: rgba(248, 81, 73, 0.08) !important;
}