/* Login UX/UI polish.
   Scope: visual state only. Login validation logic stays in src/routes/auth/Login.jsx. */

.auth-v2-helper {
  margin: -6px 0 -2px;
  color: rgba(185, 202, 203, .78);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 650;
  letter-spacing: 0;
  text-align: left;
}

.auth-v2-btn:disabled,
.auth-v2-btn[aria-disabled="true"] {
  opacity: 1;
  cursor: not-allowed;
  transform: none;
}

.auth-v2-btn.primary:disabled,
.auth-v2-btn.primary[aria-disabled="true"] {
  color: rgba(227, 225, 233, .46);
  background: linear-gradient(135deg, rgba(52, 52, 58, .94) 0%, rgba(41, 42, 47, .94) 100%);
  box-shadow: none;
  border: 1px solid rgba(132, 148, 149, .22);
}

.auth-v2-btn.primary:disabled:hover,
.auth-v2-btn.primary[aria-disabled="true"]:hover {
  opacity: 1;
}

.auth-v2-btn.primary:not(:disabled):not([aria-disabled="true"]) {
  color: var(--background);
  background: linear-gradient(135deg, #00dbe9 0%, #9400e4 100%);
  box-shadow: 0 0 28px rgba(0, 219, 233, .16);
}

@media (max-width: 520px) {
  .auth-v2-helper {
    font-size: 12px;
  }
}