/* T3A V3 — estilos especificos da tela login (extraidos do inline <style>).
 * Reusa tokens do style.css (--primary, --text-muted, --text, etc).
 */

.login-v3__password-wrap {
  position: relative;
}

.login-v3__password-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  transition: color 0.2s;
}
.login-v3__password-toggle:hover {
  color: var(--text);
}

.login-v3__password-flash {
  position: absolute;
  right: 44px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--fs-lg);
  color: var(--primary);
  pointer-events: none;
  animation: pw-flash 0.95s ease-out forwards;
}

@keyframes pw-flash {
  0%   { opacity: 1;   transform: translateY(-50%) scale(1.1); }
  70%  { opacity: 0.8; }
  100% { opacity: 0;   transform: translateY(-50%) scale(1); }
}

.login-v3__password-input { padding-right: 44px; }

/* Layout helpers (antes eram style="..." inline) */
.login-v3__form { width: 100%; text-align: left; }
.login-v3__submit {
  width: 100%;
  justify-content: center;
  margin-top: var(--space-sm);
}

@media (max-width: 480px) {
  .login-v3__password-toggle { right: 8px; }
  .login-v3__password-flash { right: 36px; font-size: var(--fs-md); }
  .login-v3__password-input { padding-right: 36px; }
}