.verification-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 108px;
  gap: 8px;
  align-items: end;
}

.verification-row input { min-width: 0; }

.verification-row button {
  height: 41px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #eef1f6;
  color: #313b4d;
  font: 600 11px Manrope, system-ui, sans-serif;
  cursor: pointer;
}

.verification-row button:disabled {
  cursor: not-allowed;
  opacity: .6;
}

#auth-message {
  min-height: 19px;
  color: var(--red);
  font-size: 11px;
  text-align: center;
}

#auth-message.success { color: var(--green); }

.forgot-password { display:block; margin:10px auto 0; border:0; background:transparent; color:#667085; cursor:pointer; font-size:12px; }

body.dark .verification-row button,
.auth-page .verification-row button {
  background: #18201f;
  border-color: #30363a;
  color: #c7f36b;
}

/* Avoid repaint-heavy blur while the authentication dialog is open. */
.auth-page .hero,
.auth-page main > section:not(#home) {
  filter: none;
}

.topbar { backdrop-filter: none; }

@media (max-width: 420px) {
  .verification-row { grid-template-columns: minmax(0, 1fr) 96px; }
}
